监听滚轮上下滚动事件
2017-09-04 本文已影响0人
Charlescat
最近写简历想用到监听滚轮上下滚动执行事件的功能,但是搜了很多大多数都是执行滚轮事件,没有判断上下滚动分别监听的时间。
然后看到一篇文章有写到,滚轮移动上下会有一个event里面值发生变化,向下滚动是3,向上滚动是-3。
这个值在firefox里面的是 event.detail。
但在chorme内核是event.wheelDelta,分别对应是-120,120。
所以可以根据这两个值判断上下滚动而实现监听对应的事件。
还有兼容性问题也要注意,这就不细说了。
参考资料 :http://www.zhangxinxu.com/wordpress/2013/04/js-mousewheel-dommousescroll-event/