我是靠谱客的博主 哭泣大门,最近开发中收集的这篇文章主要介绍onscroll事件和onwheel事件的区别,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

为什么80%的码农都做不了架构师?>>>   hot3.png

onscroll

onscroll 在滚动条滚动的时候被触发。

onscroll 触发可以有多种方式,只要可以让滚动条发生滚动(X方向或Y方向)

  • 鼠标滚轮

  • 按 pageUp,pageDown,方向上键,方向下键,空格键 (还有其他?)

  • 使用特定的滚动函数,如 scrollTo,scrollBy,scrollByLines, scrollByPages

  • 滚动条不存在(容器的内容小于容器的大小)

  • 手动隐藏(添加样式 overflow:hidden)

onscroll 就不会被触发

onwheel

onwheel 在鼠标滚轮滚动的时候被触发

因为滚轮可以控制页面的滚动,所以在使用滚轮时,onwheel事件先被触发,滚动条滚动,接着是onscroll事件

如果想检测每次滚动的增量,应该查看 deltaX,deltaY,deltaZ

WheelEvent 中指出 :在onwheel中,增量的值不一定要对应到滚动条改变的值,滚轮滚动的方向不一定是滚动条的方向,但我们可以从 deltaX,deltaY 知道滚轮滚动的具体方向(向上or向下)

转载于:https://my.oschina.net/reter/blog/1806708

最后

以上就是哭泣大门为你收集整理的onscroll事件和onwheel事件的区别的全部内容,希望文章能够帮你解决onscroll事件和onwheel事件的区别所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(51)

评论列表共有 0 条评论

立即
投稿
返回
顶部