鼠标滚轮滚动事件
有时候我们会遇到一个页面有两个滚动条的问题,我们希望只有一个滚动条可以使用,以下代码可以使用:
首先我们要有一个页面滚动条,一个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。