iOSでのSafariなどスクロールバーがデフォルトで表示されないブラウザがあります。
そんなブラウザでCSSで表示させ、カスタマイズもできてしまう方法を紹介します。
HTML
|
1 2 3 |
<div id="target"> aaaaaaa </div> |
CSS
|
1 2 3 4 5 6 7 8 9 10 11 12 |
#target { overflow-y:auto; } #target::-webkit-scrollbar { background:#ccc; width:10px; } #target::-webkit-scrollbar-thumb { background:#aaa; } |