js隐藏滚动条怎么滚动，HTML 想隐藏滚动条然后鼠标滚轮能滚动页面

来源：整理时间：2023-11-13 00:46:28 编辑：航空兔素材手机版

本文目录一览

1，HTML 想隐藏滚动条然后鼠标滚轮能滚动页面
2，CSS怎么隐藏滚动条
3，怎样隐藏滚动条还能滚动页面

1，HTML 想隐藏滚动条然后鼠标滚轮能滚动页面

方案1：设置2个DIV层，A1外层，A2内层，A2的宽度设置比A1宽20px左右（大概就是滚动条的宽度），A2设置为可见滚动条，A1设置为隐藏滚动条。可以滚动，但是看不到滚动条。前提是你必须在页面载入的时候将鼠标焦点对准到A2层上，如果焦点在A2层外，滚轮和下建无效。这个可以用js很容易做到。方案2：直接把滚动条颜色设置和背景层一样。

HTML 想隐藏滚动条然后鼠标滚轮能滚动页面

2，CSS怎么隐藏滚动条

overflow-y:scroll; 总是显示纵向滚动条overflow-y:visible : 不剪切内容也不添加纵向滚动条overflow-x:scroll; 总是显示横向滚动条overflow-x:visible : 不剪切内容也不添加横向滚动条望采纳

隐藏竖向滚动条在子页面的标签里加入以下格式:, style="overflow:auto"，当内容超出范围之后，就会自动有滚动条了。设置div横向滚动条div

CSS怎么隐藏滚动条

3，怎样隐藏滚动条还能滚动页面

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

用css可以实现效果。代码如下：html{height:100%;}body{height:100%;overflow:hidden;}//overflow:hidden为隐藏滚动条body{overflow:scroll;}//如果内容高度大于屏幕就会显示滚动条html5 是下一代的 html。

怎样隐藏滚动条还能滚动页面