$(window).scroll在页面没有滚动条时无法触发事件的bug解决方法
JS
//给页面绑定滑轮滚动事件
if (document.addEventListener) {
//webkit
document.addEventListener('mousewheel', scrollFunc, false);
//firefox
document.addEventListener('DOMMouseScroll', scrollFunc, false);
}else if(window.attachEvent){//IE
document.attachEvent('onmousewheel',scrollFunc);
}
var scrollFunc = function (e) { e = e || window.event; if (e.wheelDelta) { //判断浏览器IE,谷歌滑轮事件 if (e.wheelDelta > 0) { //当滑轮向上滚动时 // alert("滑轮向上滚动"); } if (e.wheelDelta < 0) { //当滑轮向下滚动时 //alert("滑轮向下滚动"); } } else if (e.detail) { //Firefox滑轮事件 if (e.detail> 0) { //当滑轮向上滚动时 //alert("滑轮向上滚动"); } if (e.detail< 0) { //当滑轮向下滚动时 //alert("滑轮向下滚动"); } } }
作者:oospace
邮箱:oospace@foxmail.com
欢迎转载,请注明链接!