前端：在可以滚动的情况下隐藏滚轴

• 方案：

1.使用父元素遮盖滚轴；
2.使用webkit属性；

• 方案1：

    

      
text01text01text01text01text01text01text01text01text01text01text01text01text01
      ……
      
text14
    

需求是使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:

  
text01text01text01text01text01text01text01text01text01text01text01text01text01
  ……
  
text14

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