• 方案：

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

Demo演示

• 方案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端使用的话是存在兼容性问题，但如果是在移动端使用倒是很方便，而第一种方案虽然比较复杂（其实一点都不复杂），但是兼容性是全部浏览器的。