iOSのブラウザで発生する、スクロールの端でびよーんとなるのを抑える。
2023年02月27日 12時00分 月齢:7.2[弓張月(上弦)] 潮汐:小潮
(最終更新日:2023年02月28日)
1年前に投稿 | ウェブ・IT関係 | コメントはありません
1分ぐらいで読めます。
iPhoneやiPadで当サイトを閲覧すると、こんなふうにスクロールの端でびよーんと伸びて表示されました。FirefoxでもSafariでも発生します。Chromeは使っていないのでわからないけど。
まぁこれはこれで、こういうのが好きな人にはいいんでしょうけど…
個人的にはこのテのapple臭い味付けが気色悪くて大嫌い。カチッと止まってくれるほうが心地よいのです。
そんなわけで、overscroll-behaviorプロパティを使って、このびよーんとなる挙動を抑制してみましょう。
html {overscroll-behavior: none;}
副作用として、上下方向に引っ張ってのリロードは無効化されます。
けど、スクロールの終点でカチッと止まって爽快ですよ。
古い記事・新しい記事
- 古い記事 [2023年02月06日]
- ← ゔ
- 新しい記事 [2023年03月13日]
- → 「レジや金庫内のお金を数えるための計算フォーム」をPHP8に対応させてみた。
他にも「ウェブ・IT関係」カテゴリの記事はいかがですか。
- 電子署名・電子証明書をフリーで試してみた。
- Wi-Fi中継器 TP-Link RE200が感動的。生活が変わった。
- EeePC1005HAを分解して、異物を取り出してみた。
- 「ポケモンGO」をNexus7(2012)と(2013)にインストールしてみた。
- ウェブサイトの適切な容量(ファイルサイズ)について、ちょっと考えてみた。
- EC-CUBE 0円商品のPayPal決済を回避する。
- Firefoxで、ウェブフォントの表示と「Webページが指定したフォントを優先」しないことを両立させる。
- SSDでドメインコントローラー構築
- フリーソフト「イベントカレンダー」をXHTML1.0 strictでvalidにできた。
- dynabook Satellite J40のCPUをPentium Mに交換してみたけど…