首页 > 代码库 > 控制鼠标滚轮滚动的两种方法

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

 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 })

 

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