控制鼠标滚轮滚动的两种方法
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了控制鼠标滚轮滚动的两种方法相关的知识,希望对你有一定的参考价值。
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 })
以上是关于控制鼠标滚轮滚动的两种方法的主要内容,如果未能解决你的问题,请参考以下文章