基于webkit内容隐藏滚动条,核心代码是:overflow的值需要设置为auto或者scroll,然后设置::-webkit-scrollbar的display属性为none。当然也可以通过设置滚动条的宽度为0。
<div class="demo">
1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>
1<br/>1<br/>1<br/>1<br/>1<br/>1<br/>
</div>
.demo{
width: 50px;height: 50px;background: #F0AD4E;
overflow: auto;
}
::-webkit-scrollbar{
display:none;
}
::-webkit-scrollbar{
width:0px;
}