html设置标头往下滚动隐藏,css怎么隐藏滚动条？

隐藏滚动条的同时还需要支持滚动，我们经常在前端开发中遇到这种情况，最容易想到的是加一个iscroll插件，但其实现在CSS也可以实现这个功能，下面我们来看一下使用css隐藏滚动条的方法。

可以使用自定义滚动条的伪对象选择器::-webkit-scrollbar设置隐藏滚动条。

使用此伪类选择器隐藏滚动条css代码：.element::-webkit-scrollbar {display:none}

如果要兼容 PC 其他浏览器(IE、Firefox 等)，可以使用以下方法。在容器外面再嵌套一层 overflow:hidden 内部内容再限制尺寸和外部嵌套层一样，就变相隐藏了。

......

css代码：.outer-container,.content {

width: 200px;

height: 200px;

}

.outer-container {

position: relative;

overflow: hidden;

}

.inner-container {

position: absolute;

left: 0;

overflow-x: hidden;

overflow-y: scroll;

}

/* for Chrome */

.inner-container::-webkit-scrollbar {

display: none;

}