たまに慣性スクロールがオンだとスクロール量が増幅してしまうサイトがある

2014/4/28 01:49

この記事ではアフィリエイト広告を利用しています。

NHK HACKATHONのサイトがそうだったので例として取り上げますが、このサイトでスクロールすると、人によってはちょっとスクロールしただけでページ最下部まで一気にスクロールされてしまい、びっくりすることになります。

これは Mac に搭載されている「慣性スクロール」と、サイト側で実装されている JavaScript のせいです。

慣性スクロールをオフにしてみると、このサイトではスクロールが滑らかに止まるように独自実装がなされていることが分かります。おそらくパララックスの効果を意識してのことではないかと思います。

それゆえ、Mac の慣性スクロールがオンだとスクロールの慣性力が増幅してしまっているのです。もはや慣性力ではない。なので慣性スクロールをオフにしている人や、Windows を使っている人は特に気づかないはず。

独自にスムーズなスクロールを実装してもいいのですが、最近の Mac ではデフォルトで慣性スクロールがオンになっているので、気をつけて実装判断をしなければなりません。

ちなみに Mac の慣性スクロールをオフにする方法はこちらで説明しています。
» Mountain Lionのスムーズな慣性スクロールをオフに設定 – F.Ko-Jiの「一秒後は未来」
当時はスムーズさに慣れなくてオフにしてましたが、最近はオンのままです。

Webエンジニアやってます。最近はドットインストールの開発がお仕事です。その傍ら、個人で Meity や電車遅延なう、梅酒.in、 #グラドル自画撮り部の部室といったネットサービスを開発・運営してます。梅酒と草野球とリアル脱出ゲームが好きです。