监听滚轮上下滚动事件

最近写简历想用到监听滚轮上下滚动执行事件的功能,但是搜了很多大多数都是执行滚轮事件,没有判断上下滚动分别监听的时间。


然后看到一篇文章有写到,滚轮移动上下会有一个event里面值发生变化,向下滚动是3,向上滚动是-3。

这个值在firefox里面的是 event.detail。

但在chorme内核是event.wheelDelta,分别对应是-120,120。

所以可以根据这两个值判断上下滚动而实现监听对应的事件。

还有兼容性问题也要注意,这就不细说了。

监听滚轮上下滚动事件_第1张图片


参考资料 :http://www.zhangxinxu.com/wordpress/2013/04/js-mousewheel-dommousescroll-event/

你可能感兴趣的:(监听滚轮上下滚动事件)