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

この記事のとおりに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を当てれば解決する。
2015年8月
 1
2345678
9101112131415
16171819202122
23242526272829
3031  

アクセス数

  • 729139総閲覧数:
  • 161今日の閲覧数:
  • 498838総訪問者数:
  • 62今日の訪問者数:
  • 0現在オンライン中の人数: