-
方案：
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设为500px，然后将scroll-view的width设为：500px+(>=滚轴的width)，比如设为550px，先看看现在的效果：
黑色框的是scroll-view，蓝色框是父元素
现在最后要做的只剩下：对父元素使用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演示
- 总结：
很明显，这两种方案是第二种简单许多的，但是使用::-webkit-scrollbar的缺点是只有在webkit内核的浏览器（Safari和Chrome）才能有效，因此如果是在pc端使用的话是存在兼容性问题，但如果是在移动端使用倒是很方便，而第一种方案虽然比较复杂（其实一点都不复杂），但是兼容性是全部浏览器的。
