css实现 清除滚动条

在我们写一些项目时需要将其显示出来的滚动条给其隐藏,在此提供了2种方案,均已经过实战考验,可放心应用于实战

第一种 :

找到需要隐藏的元素,给其添加

::-webkit-scrollbar{

   display:none;

}

即可 

注意 : 这里是两个 :: 不是一个

第二种 :

给最外层元素添加 

width:100%;

padding-right:20px;

然后此时在 最外层元素 外添加一层父元素,给其设置

overflow:hidden;

宽度和刚才的最外层元素一致

即可