首先如果要用滚轮实现轮播,必然会绑定一个滚轮事件。
网上有滚轮事件的兼容性写法,先拿过来用,在进行修改。
if (window.addEventListener) //FF,火狐浏览器会识别该方法
document.addEventListener('DOMMouseScroll', wheel, false);
document.onmousewheel = wheel; //W3C
//统一处理滚轮滚动事件
function wheel(event) {
var delta = 0;
if (!event) event = window.event;
//IE、chrome浏览器使用的是wheelDelta,并且值为“正负120”
if (event.wheelDelta) {
delta = event.wheelDelta / 120;
if (window.opera)
//因为IE、chrome等向下滚动是负值,FF是正值,为了处理一致性,在此取反处理
delta = -delta;
} else if (event.detail) { //FF浏览器使用的是detail,其值为“正负3”
delta = -event.detail / 3;
}
if (delta) {
handle(delta); //处理函数
}
}
好了到了这一步,已经可以触发滚动事件了。但是怎么样才能滚轮滚动时,触发滚轮事件但是不让页面滚动呢?
有了!百度一下: