スマホ版webページで表(table)のスクロールをぬるぬるさせる

この記事のとおりにCSSを追加したところ、横スクロールがもっさい動きになってしまった。
スマホのスクロールには慣性が付いているので、同じようにぬるぬるする動きをさせるようにしました。

PCだとChrome,Firefox。スマホはiPhoneのGoogleとSafariで動作確認済み。
html

divタグにクラスを設定しておく。

css

div要素のscrollクラスに下記を追加する。

本記事の公開後、wpのプラグイン”crayon syntax highlighter”を導入したところ、div.scrollのcssが当たらなくなってしまったのかスクロールに慣性が効かなくなった。
これは同プラグインのdiv.crayon-mainに同様のcssを当てれば解決する。