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

html-css010

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

html{overflow: hidden}

body{overflow: hidden}

在IE6,7下需要设置html有效,在其它标准浏览器下设置body就可以

解决方法如下:

1,把body标签的样式(滚动条)禁用。

2,div标签的样式(滚动条)启用。

<html><head><style>body{    overflow:hidden}.test{    width:100px   height:100px   overflow:auto}</style></head><body><div class="test">   DIV内容区域,当内容超出该DIV范围时出现滚动条    DIV内容区域,当内容超出该DIV范围时出现滚动条    DIV内容区域,当内容超出该DIV范围时出现滚动条    DIV内容区域,当内容超出该DIV范围时出现滚动条    DIV内容区域,当内容超出该DIV范围时出现滚动条</div></body></html>。

固定滚动条的方法:

1、html,body:将默认出现的滚动条,完全地隐藏,这样不管什么内容都不会出现了。

2、virtual_body:写一个假的body,设置它的长宽为100%,这样利用可视的浏览器窗体显示所有的内容,并垂直允许出现滚动条。

3、fixed_div:用它进行绝对值进行定位,因为在这个容器下,该页面100%的被假冒body覆盖了,滚动条自然也显示不出来了。