控制鼠标滚轮滚动的两种方法
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; } }); })
相关文章推荐
- Win7下屏蔽禁用鼠标滚轮的两种方法
- Linux中鼠标滚轮一次滚动一屏解决方法
- js实现鼠标滚轮控制图片缩放效果的方法
- 鼠标滚轮 控制作用滚动
- WPF 使用鼠标滚轮控制ListBox水平滚动条滚动
- ubuntu鼠标滚轮方向修改方法(运动方向和滚轮滚动方向一致)
- js实现鼠标滚轮控制图片缩放效果的方法(转)
- MFC CListCtrl控件隐藏滚动条但是保留用鼠标滚轮滚动效果的方法
- 鼠标滚轮滚动控制页面显示和页面动画
- 鼠标滚轮控制panel滚动条
- js实现鼠标滚轮控制图片缩放效果的方法
- ubuntu鼠标滚轮方向修改方法(运动方向和滚轮滚动方向一致)
- 鼠标滚轮控制页面滚动(山寨苹果官网iPhone5s的滚屏动画实例)
- 用鼠标滚轮控制窗口上下滚动(原创)
- 怎么用鼠标滚动来控制DBGRID移动?
- c#使用webBrowser,控制页面、提交表单的两种方法
- Magic Linux 解决鼠标滚轮不能用的方法
- 鼠标滚轮控制图片大小
- 鼠标滚轮控制图片大小
- 鼠标滚轮控制图片大小。