css滚动条隐藏(css超出滚动时隐藏滚动条)

html js 或者css怎么做到隐藏滚动条，但是依旧可以滚动？

::-webkit-scrollbar{width:0px}

目前本方法只在webkit内核浏览器中有效(Chrome,Safari)。可以用JS做渐变的隐藏滚动条特效，依旧可以滚动。你可以在JS里面写判定当用户鼠标不动一定时间然后消失。我对JS不是特别了解(只能看懂和修改JS代码的程度的能力，但是无论任何JS代码都敢修改的程度)，这效果能做出来的，我就不贴具体代码了。不需要嵌套，纯原生。将来浏览器会支持这个效果的。

或者你用滚动条插件(不推荐)

CSS 禁止滚动条（隐藏或屏蔽IE滚动条的几种常用方法）

1、完全隐藏

在里加入scroll="no"，可隐藏滚动条；

2、在不需要时隐藏

指当浏览器窗口宽度或高度大于页面的宽或高时，不显示滚动条；反之，则显示；

3、样式表方法

在里加入 ，可隐藏水平滚动条；加入 ，可隐藏垂直滚动条。

被包含页面里加入有一段解释是这样说的：body{ overflow-x:hidden; }在标准 DTD 下是不可以的4、另一种方法