移動端頁面為了更接近原生的體驗，是否可以隱藏滾動條，同時又保證頁面可以滾動？
使用overflow:hidden隱藏滾動條，但存在的問題是：頁面或元素失去了滾動的特性。
由於只需要相容移動瀏覽器（chrome 和 safari），於是想到了自定義滾動條的偽物件選擇器
::-webkit-scrollbar。
應用如下 css 可以隱藏滾動條：
.element::-webkit-scrollbar
overflow:hidden內部內容再限制尺寸和外部巢狀層一樣，就變相隱藏了。
.......outer-container,.content
.outer-container
.inner-container
/* for chrome */
.inner-container::-webkit-scrollbar
CSS 實現隱藏滾動條同時又可以滾動
純css實現呢，我只能相容ie9或者以上。我用的react，你用的時候把classname換成class就行了 首先是webkit,webkit scrollbar這個偽類是很好可惜只有webkit支援。我下面說的方法是包括火狐谷歌ie 9和9 都支援，但是得用區域性滾動overflow auto ...
隱藏滾動條css3實現滾動同時隱藏滾動條
專案場景需求要在區域性實現滾動，但是滾動出現了滾動條，一瞬間感覺整個頁面都不好了，經過努力css成功實現滾動同時隱藏滾動條，廢話不多說，直接上 隱藏滾動條title ulli ulul webkit scrollbar style head 測試隱藏滾動條li 測試隱藏滾動條li 測試隱藏滾動條li...
實現CSS隱藏滾動條並可以滾動內容
class outer container class inner container div div outer container inner container同時該文章還分享了一種通過css隱藏滾動條的方法，不過這個方法不相容ie，做移動端的可以使用。那就是自定義滾動條的偽物件選擇器 web...