[CSS] スクロールバーを非表示にする（IE, Edge, Chrome, Safari, Firefoxに対応） - YoheiM .NET

[CSS] スクロールバーを非表示にする（IE, Edge, Chrome, Safari, Firefoxに対応） まとめ IE、Edge、Chrome、Safari、Firefox でスクロールバーを非表示にする実装方法はこちらです。 コード <div class="container">1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br></div> <style> .container { height: 150px; overflow-y: scroll; -ms-overflow-style: none; /* IE, Edge 対応 */ scrollbar-width: none; /* Firefox 対応 */ } .container::-webkit-scrollbar { /* Chrome, Safari 対応

[gayou]

スマホ向けタブメニューのUIで、横スクロールときにスクロールバーを表示させないようにしたかったので参考にした。

[yoheiM]

スクロールバーを非表示