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

<!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>

解决方案 »

  1.   

    我在IE7上测试一下,在div上使用滚轮时,页面能够滚动,但在ie8里面却不能滚动.唉.这可能是ie8的bug了
      

  2.   

    滚轮事件是有兼容性问题的。
    鼠标滚轮事件是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浏览器与其他浏览器不同，有自己独有的鼠标滚轮事件。
      

  3.   

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