この記事のとおりにCSSを追加したところ、横スクロールがもっさい動きになってしまった。
スマホのスクロールには慣性が付いているので、同じようにぬるぬるする動きをさせるようにしました。
PCだとChrome,Firefox。スマホはiPhoneのGoogleとSafariで動作確認済み。
html
divタグにクラスを設定しておく。
/*中略*/
css
div要素のscrollクラスに下記を追加する。
div.scroll{
-webkit-overflow-scrolling: touch;
}
本記事の公開後、wpのプラグイン”crayon syntax highlighter”を導入したところ、div.scrollのcssが当たらなくなってしまったのかスクロールに慣性が効かなくなった。
これは同プラグインのdiv.crayon-mainに同様のcssを当てれば解決する。
関連記事