-
方案：
1.使用父元素遮蓋滾軸陶舞；
2.使用webkit屬性骚灸；
-
方案1：
<div class="exp01">
<ul class="scroll">
<li>text01text01text01text01text01text01text01text01text01text01text01text01text01</li>
……
<li>text14</li>
</ul>
</div>
需求是使width: 500px;的s'roll-view隱藏縱向滾軸稳析。那么可以將sroll的父元素的width設(shè)為500px酝润，然后將scroll-view的width設(shè)為：500px+(>=滾軸的width)祟绊，比如設(shè)為550px楼入，先看看現(xiàn)在的效果：
黑色框的是scroll-view，藍色框是父元素
現(xiàn)在最后要做的只剩下：對父元素使用overflow: hidden牧抽，接下來的效果是：
隱藏滾軸的scroll-view
-
方案2：
使用webkit的屬性：::-webkit-scrollbar
html:
<ul class="scroll-view">
<li>text01text01text01text01text01text01text01text01text01text01text01text01text01</li>
……
<li>text14</li>
</ul>
css:
.scroll-view::-webkit-scrollbar{
display: none;
}
效果如下：
scroll-view
PS：使用該屬性的情況嘉熊，height不是寫死而是使用100%；除非他的父元素是寫死的扬舒，不然是無效阐肤，但是可以使用position: absolute;top: 0;right: 0;bottom: 0;left: 0;填這個坑
Demo演示
- 總結(jié)：
很明顯，這兩種方案是第二種簡單許多的讲坎，但是使用::-webkit-scrollbar的缺點是只有在webkit內(nèi)核的瀏覽器（Safari和Chrome）才能有效孕惜，因此如果是在pc端使用的話是存在兼容性問題，但如果是在移動端使用倒是很方便晨炕，而第一種方案雖然比較復雜（其實一點都不復雜）衫画，但是兼容性是全部瀏覽器的。
