您的位置:首页 > 编程语言

鼠标滚轮滚动事件

2015-04-03 11:05 162 查看
鼠标滚轮滚动事件

有时候我们会遇到一个页面有两个滚动条的问题,我们希望只有一个滚动条可以使用,以下代码可以使用:

首先我们要有一个页面滚动条,一个div的滚动条,我这里的div名为swf,flexpaper的显示div。

function MouseWheel(e) {
///按下鼠标滚路,阻止视窗滚动
e = e || window.event;
if (e.stopPropagation) e.stopPropagation();
else e.cancelBubble = true;
if (e.preventDefault) e.preventDefault();
else e.returnValue = false;

//其他代码
}
window.onload = function () {
var swf = document.getElementById('swf');
swf.onmousewheel = MouseWheel;
}


这段js代码可以解决问题,但是在chrome浏览器下却连div的滚动条都禁止掉了,我尝试了下,发现将

if (e.stopPropagation) e.stopPropagation();
else e.cancelBubble = true;


这两句注释掉,就可以用了,具体原因不明。

此方法支持360安全浏览器,ie,chrome。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  代码