为什么在div上使用滚轮的时候页面不滚动?

iltie 2010-08-02 04:06:56

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<script  type="text/javascript">

window.onload=function(){

	document.all.test.onmouseenter=function(){

		document.onmousewheel = function(){document.all.test.style.cssText='visibility:visible';}

	}

	document.all.test.onmouseleave =function(){

		document.onmousewheel = null;

	}

}

</script>

<body>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

<div style='position:fixed!important;position:absolute;right:0;top:100px;'>

<div id='test'>zzzzz</div id='test'>

</div>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

aaaaaaaa<br>

	



</body>

</html>

...全文

287 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

iltie 2010-08-03

打赏
举报

有没有绕行的办法?

xk1126 2010-08-02

打赏
举报

滚动不是onload事件啊
是onscroll事件啊！~~

WebAdvocate 2010-08-02

打赏
举报

滚轮事件是有兼容性问题的。
鼠标滚轮事件是onmousewheel，它适合所有的HTML element，也就是所有HTML对象和XHTML对象。
IE自从IE6版本就引入了onmousewheel，后续版本也都提供了很好的支持。见msdn：http://msdn.microsoft.com/en-us/library/ms536951(VS.85).aspx
Chrome、Safari和Opera也都支持onmousewheel事件。
Firefox浏览器与其他浏览器不同，有自己独有的鼠标滚轮事件。

iltie 2010-08-02