Windows版のブラウザで画面のスムーススクロールが効かない!?場合の対処法

  • ブックマーク
  • Feedly

Windows版のChromeやFirefox、Edgeなどを利用していて、
「JavaScriptを使った画面のスムーススクロールが動作しない」
という状況にぶち当たったことは無いでしょうか?

自分のWindows環境では正しく動いているのに、
お客さんのブラウザではスムーススクロールが動作しない…

MacのChromeでは正しく動いているのに、
WindowsのChromeでは動作しない

もし上記のような状態になっている場合、
これはWindowsの設定が関係している可能性が高いです!

Windowsのアニメーション設定を見直そう

この問題で一番可能性が高いのが、
Windowsのアニメーション設定が影響している可能性です。

Windows10を利用している場合、
スタートメニューから「設定」を開き、
検索窓に「アニメーション」と入力してみましょう。

そこからWindowsにアニメーションを〜という項目を選択してみましょう。

そこから、Windowsのアニメーションを表示するという項目を確認してみて下さい。

この項目が「OFF」になっていた場合、
Chromeなどのスムーススクロールに影響を及ぼします。

意外と気づきにくいこの問題、
お客様などから指摘があった場合には、
まずこちらの設定を確認してみるようにしてください。

  • ブックマーク
  • Feedly

この記事を書いた人

いえとみ まさゆき

Webデザイナー、Webディレクター、Webアプリケーションのプログラミング等の経験を経て独立。インスパイアデザインの取締役、兼エンジニア。年間100件以上のWordPress案件に対応し、超小規模なブログから大規模なポータルサイトまで開発 / 趣味は筋トレ。マッチョエンジニアを目指してます!