您的位置:首页 > 其它

控制鼠标滚轮滚动的两种方法

2016-09-21 15:16 281 查看
$(function(){
// jquery 兼容的滚轮事件
var strat = true;
var mark = 0;
$(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
<!--  // if(strat){     开关控制滚轮次数
//     setTimeout(function(){
//         if (delta > 0) {
//       // 向上滚
//       console.log("wheelup");
//   } else if (delta < 0) {
//       // 向下滚
//       console.log("wheeldown");
//   }
//   strat = true;
//     },500)
//  strat = false;
// }-->

//时间差控制滚轮次数
var Time = new Date().getTime();
if(Time - mark > 1000){
if (delta > 0) {
// 向上滚
console.log("wheelup");
} else if (delta < 0) {
// 向下滚
console.log("wheeldown");
}
mark = Time;
}
});
})

 

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: