美文网首页
监听滚轮上下滚动事件

监听滚轮上下滚动事件

作者: Charlescat | 来源:发表于2017-09-04 21:24 被阅读0次

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

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

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

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

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

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

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

    相关文章

      网友评论

          本文标题:监听滚轮上下滚动事件

          本文链接:https://www.haomeiwen.com/subject/lxgfdxtx.html