我试图捕捉鼠标滚轮是否被触发以及它是否向上或向下滚动而没有实际滚动页面(正文有溢出:隐藏).
任何想法是如何使用jQuery或纯JavaScript实现这一点?
$(window).scroll(function(){
if( /* scroll up */){ }
else { /* scroll down */ }
});
最佳答案
我很少推广插件,但这个插件非常好(而且尺寸相对较小):
https://plugins.jquery.com/mousewheel/
它允许做这样的事情:
$(window).mousewheel(function(turn,delta) {
if (delta == 1) // going up
else // going down
// all kinds of code
return false;
});
http://codepen.io/anon/pen/YPmjym?editors=001
更新 – 此时如果不需要支持旧版浏览器,则可以使用wheel事件替换mousewheel插件:
$(window).on('wheel',function(e) {
var delta = e.originalEvent.deltaY;
if (delta > 0) // going down
else // going up
return false;
});
原文地址:https://www.jb51.cc/jquery/428330.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。