ブラウザで慣性スクロールを実装したい

PCだと`overflow: scroll`で慣性にスクロールできますが、スマホやタブレットの場合、慣性せずにすぐに動きが止まってしまいよしなにしたいと思いました。

横スクロールでよくあるコンテンツを横にたくさん見せたい時や、タブレットで2カラムにしてそれぞれでスクロールさせたいときなどに便利です。

画面からはみ出ているDOMに`overflow-scrolling: touch`と-webkit-overflow-scrolling: touch; を指定すればOKです。

`overflow-scrolling: auto`で慣性スクロールを無効にできます。

SafariやChromeでもベンダープリフィックスは必要です。

毎回JSでイベントを作ってゴニョゴニョするのは結構しんどいので、助かると思います。

* 対応環境

Android4+

調べてみるとAmazonでも使っていました。

f:id:suteewo:20150310160712p:plain

すちをブログ