虽然在平常不需要用到隐藏滚动条,但就是让我碰到需要隐藏的时候,一开始想通过限制父盒子的大小,通过溢出隐藏让滚动条消失,可是臣妾做不到啊,后来甚至想加一个定位浮动把滚动条遮住(虽然也是一种办法,但是不是有点太简单粗暴),所以就有了下面这个方法,请看:
不过在不同的浏览器中,隐藏的方法也有点不一样哦,记得对照哦
Chrome、Safari等基于webkit(Blink) 内核的浏览器
它使用到 ::-webkit-scrollbar伪元素
.content::-webkit-scrollbar {
display:none;
width: 0;
height: 0;
}