js/jq判断鼠标滚轮方向

js判断鼠标滚轮方向：

var scrollFunc = function (e) {  e = e || window.event;  if (e.wheelDelta) {  //判断浏览器IE，谷歌滑轮事件               if (e.wheelDelta > 0) { //当滑轮向上滚动时  //事件
            }  if (e.wheelDelta < 0) { //当滑轮向下滚动时  //事件
            }  } else if (e.detail) {  //Firefox滑轮事件  if (e.detail> 0) { //当滑轮向上滚动时  //事件
            }  if (e.detail< 0) { //当滑轮向下滚动时  //事件
            }  }  }  //给页面绑定滑轮滚动事件  if (document.addEventListener) {//firefox  document.addEventListener('DOMMouseScroll', scrollFunc, false);  }  //滚动滑轮触发scrollFunc方法  //ie 谷歌  window.onmousewheel = document.onmousewheel = scrollFunc;

jq看起来就很简单：

$(document).ready(function(){var p=0;t=0;$(window).scroll(function(e){p=$(this).scrollTop();if(t<=p){console.log('下滚')}else{console.log('上滚')}t = p;
            })})

但以上方法会在监听时调用多次，可以采用节流函数解决。

转载于:https://www.cnblogs.com/syll/p/6233684.html

js/jq判断鼠标滚轮方向相关推荐

php向下滑动,js如何判断鼠标滚轮是向下还是向上滚动
判断鼠标滚轮是向上或向下滚动,不同的浏览器的判别方式是不一样的,当前比较流行的浏览器有 IE,Opera,Safari,Firefox,Chrome,在这个问题上Firefox和其他浏览器的实现方式是 ...
js实现判断鼠标滚轮的上下滚动
<script type="text/javascript"> var scrollFunc = function (e) { e = e || window.even ...
mac 切换鼠标滚轮方向
mac与Linux.Windows的鼠标滚轮方向都不同,原因是妙控鼠标更像是一个长得像鼠标的触控板,因此行为习惯与触控板相同,而滚轮却与触控板的习惯相反. 设置方法: System preferenc ...
Mac电脑鼠标滚轮方向相反的解决办法
MacOS鼠标滚轮方向相反怎么办?使用苹果电脑Mac时,发现鼠标滑轮方向,居然与windows中的方向相反.使用起来极其不便,习惯用Windows电脑的同学可能不习惯用macOS的鼠标滚轮操作方式.下 ...
Mac上鼠标滚轮方向是和Win相反的，系统中设置后触摸板的方向又跟着变了
Mac上鼠标滚轮方向是和Win相反的,系统中设置后触摸板的方向又跟着变了想让MacBook触摸板和非原生的鼠标滚轮方向一致可以使用第三方应用Scroll Reverser 来解决. Scroll R ...
html怎么做到滚动鼠标转换,js实现的鼠标滚轮滚动切换页面效果(类似360默认页面滚动切换效果)...
本文实例讲述了js实现的鼠标滚轮滚动切换页面效果的方法.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: wheel var currentShowPageIndex = 0; v ...
修改鼠标滚轮方向配置MacBook触控板的多指快捷操作
修改鼠标滚轮方向&配置MacBook触控板的多指快捷操作背景: 问题描述: 解决办法: 参考链接: 软件下载: 几点经验: 背景: 从 macOS 转到 windows 系统最不适应的就是鼠 ...
Mac使用技巧总结-如何独立设置Mac触摸板方向和鼠标滚轮方向？
Mac使用技巧总结如何独立设置Mac触摸板方向和鼠标滚轮方向? 苹果Macbook的使用者都知道,Mac自带的触控板非常好用,不仅支持多手势操控,而且手感极佳,使用流畅. 但是如果对鼠标的焦距有高有 ...
arc鼠标滚轮方向_超级怪异鼠标的评论：Microsoft Arc Touch和楔形鼠标
arc鼠标滚轮方向 I'm always on the lookout for the perfect mouse. I don't think it exists, yet, frankly, bu ...

js/jq判断鼠标滚轮方向

js/jq判断鼠标滚轮方向相关推荐

最新文章

热门文章