原理:自定义滚动条的伪对象选择器::-webkit-scrollbar,不过这个方法不兼容IE,做移动端的可以使用。
代码如下:
.wrapper{
width: 300px;
height: 200px;
overflow:auto;
}
/*chrome 和Safari*/
.wrapper::-webkit-scrollbar { width: 0 !important }
/*IE 10+*/
.wrapper { -ms-overflow-style: none; }
/*Firefox*/
.wrapper { overflow: -moz-scrollbars-none; }
<div class="wrapper">
<div>哈哈哈</div>
</div>