検証
記録日

Chromeでスムーススクロールが効かない

目次
  1. 概要
  2. 原因
一覧へ戻るページ上部へ戻る

記事の中を探す

↑↓ 選ぶEnter 本文へ移る⌘F / Ctrl F 語を入れ直すEsc クリア / 閉じる

新しいタブで開きます

概要

このブログで記事の下までいくとフローティングボタンが出現して、それを押下するとwindowのトップまでスムーススクロールさせる実装をしたが、CSSは間違いなく適用されているはずなのにスムーススクロールが効かなかった。

原因

スムーススクロールはhtml要素に対して指定したのだが、どうもスムーススクロールされていないようで困っていたのだが、 いろいろ調べてみるとChromeの設定でSmooth Scrollをdisabledにしていたのが原因だった(確かにwindowsPCでスムーススクロールが煩わしく感じて無効化した記憶はある)。

Chrome設定:chrome://flags/

(Mac OSで見ると使用不可になっている・・・?)

CSSは間違いなく適用しているのに、スクロールが効かないなどと言われたときに対処法として言えそうだったのでメモ

一覧へ戻る