煤式自動連結器

iPhoneやiPadで当サイトを閲覧すると、こんなふうにスクロールの端でびよーんと伸びて表示されました。FirefoxでもSafariでも発生します。Chromeは使っていないのでわからないけど。

まぁこれはこれで、こういうのが好きな人にはいいんでしょうけど…

個人的にはこのテのapple臭い味付けが気色悪くて大嫌い。カチッと止まってくれるほうが心地よいのです。

そんなわけで、overscroll-behaviorプロパティを使って、このびよーんとなる挙動を抑制してみましょう。

html {overscroll-behavior: none;}

副作用として、上下方向に引っ張ってのリロードは無効化されます。

けど、スクロールの終点でカチッと止まって爽快ですよ。