首页 > 代码库 > 控制鼠标滚轮滚动的两种方法
控制鼠标滚轮滚动的两种方法
1 $(function(){ 2 // jquery 兼容的滚轮事件 3 var strat = true; 4 var mark = 0; 5 $(document).on("mousewheel DOMMouseScroll", function (e) { 6 var delta = (e.originalEvent.wheelDelta && (e.originalEvent.wheelDelta > 0 ? 1 : -1)) || // chrome & ie 7 (e.originalEvent.detail && (e.originalEvent.detail > 0 ? -1 : 1)); // firefox 8 <!-- // if(strat){ 开关控制滚轮次数 9 // setTimeout(function(){10 // if (delta > 0) {11 // // 向上滚12 // console.log("wheelup");13 // } else if (delta < 0) {14 // // 向下滚15 // console.log("wheeldown");16 // }17 // strat = true;18 // },500)19 // strat = false;20 // }-->21 22 //时间差控制滚轮次数23 var Time = new Date().getTime();24 if(Time - mark > 1000){25 if (delta > 0) {26 // 向上滚27 console.log("wheelup");28 } else if (delta < 0) {29 // 向下滚30 console.log("wheeldown");31 }32 mark = Time;33 }34 });35 })
控制鼠标滚轮滚动的两种方法
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。