使用JS监听鼠标滚轮事件,并且滑动一次只执行一次事件方法
function autoRoll() {
$(document).on("mousewheel DOMMouseScroll", function(e) {
var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) || // chrome & ie
(e.originalEvent.detail && (e.originalEvent.detail > 0 ? -1 : 1)); // firefox
$(document).off("mousewheel DOMMouseScroll");
if (delta > 0) {
// 向上滚
num -= 1;
if (num < 0) {
num = 0;
}
//要执行的方法
} else if (delta < 0) {
// 向下滚
num += 1;
if (num > 4) {
num = 0;
}
//要执行的方法
}
//使用setTimeout方法产生一个延时效果,是的每次滑动鼠标滑轮,只执行一次事件方法
setTimeout(autoRoll, 500);
});
}
autoRoll();