今天遇到了一个html5页面由于开启了图片遮罩层在chrome浏览器中,鼠标滚轮上下滚动时,页面不动的问题,后查询相关资料后解决,具体方法是加入如下代码:
<script type="text/javascript">
var scrollFunc = function(e) {
var direct = 0;
e = e || window.event;
var value = 0;
if(e.wheelDelta) {
value = e.wheelDelta;
} else if(e.detail) {
value = e.detail;
}
// alert("滚动值为:"+value);
document.body.scrollTop -= value; //这一句是解决问题的根本
}
/**注册鼠标滚轮事件**/
if(document.addEventListener) {
document.addEventListener("DOMMouseScroll", scrollFunc, false);
}
window.onmousewheel=document.onmousewheel=scrollFunc;
</script>