html 禁用鼠标滚轮对网页滚动条的控制怎么实现?

html-css087

html 禁用鼠标滚轮对网页滚动条的控制怎么实现?,第1张

可以用js或者css实现。

js可以监听鼠标的onscroll滚轮事件,事件内可以阻止鼠标的滚轮默认事件。

css可以设置元素的"pointer-events"属性,设置为none则所有鼠标事件失效。

方案1:设置2个DIV层,A1外层,A2内层,A2的宽度设置比A1宽20px左右(大概就是滚动条的宽度),A2设置为可见滚动条,A1设置为隐藏滚动条。

可以滚动,但是看不到滚动条。前提是你必须在页面载入的时候将鼠标焦点对准到A2层上,如果焦点在A2层外,滚轮和下建无效。这个可以用js很容易做到。

方案2:直接把滚动条颜色设置和背景层一样。