Posted at

スマホでdivスクロールを滑らかに

More than 5 years have passed since last update.


divタグのスクロールがぎこちない・・・

サイズ指定のdivタグを使って、コンテンツをスクロールさせて表示したいと思ったのだけれど、

慣性スクロール(指を話した後もスクロールしている状態)が働かない。。

最近のスマホUXでは、少しレアなケースですが、使いたいシチュエーションもあるかもしれません。

そんな訳で投稿しておきます。


対象のdivに、一行のCSSを追加するだけ

div.target-class{

-webkit-overflow-scrolling: touch;
}

上記を追加するだけで、スクロールが滑らかになります。