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

Posted by on 2015年8月14日

この記事のとおりに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を当てれば解決する。
関連記事

			開発, 今日の覚書, iOS, CSS
		









					
		
				
		
							
	
	

						
	
	


	2015年8月
	
	

		日
		月
		火
		水
		木
		金
		土
	

	
	
	

		 1
	

	

		2345678
	

	

		9101112131415
	

	

		16171819202122
	

	

		23242526272829
	

	

		3031
		 

アクセス数

  • 750764総閲覧数:
  • 163今日の閲覧数:
  • 512951総訪問者数:
  • 71今日の訪問者数:
  • 1現在オンライン中の人数: