CSS 入門 | CSS 応用 | スクロール

Tags:

モバイル Web で div のスクロール速度が遅く不自然に感じる

div タグのスクロールは基本的に Web ブラウザーでは安定して動作するが、モバイル Web ブラウザーではなぜか速度が遅く不自然に感じる。

これを解決する方法は次のとおりである。

<div style="-webkit-overflow-scrolling: touch;">

出典: http://indienote.tistory.com/60 [インディノート]

スクロールバーの色

scrollbar プロパティを利用すると、スクロールバーの色を変更できる。

<style type="text/css">
body {
scrollbar-highlight-color:#FFFFFF; 
scrollbar-3dlight-color:#B58E63; 
scrollbar-face-color:#F2ECE6; 
scrollbar-shadow-color:#B58E63; 
scrollbar-darkshadow-color:white; 
scrollbar-track-color:#FFFFFF; 
scrollbar-arrow-color:#B58E63;
}
</style>