七、onscroll事件
当页面卷动的时候会触发该事件
在一个页面中,视口是一定的,当页面的高度比视口高的时候,此时页面将出现滚动条。这个时候,当我们改变滚动条位置的时候,会触发onscroll事件。
触发该事件的条件:改变页面卷动值
触发该事件的条件有很多,比如:
鼠标滚轮滚动
键盘上空格键
键盘上的pageUp和pageDown
键盘上的上下键
绑定方式:
1 | // 给document.body添加scroll事件 |
当鼠标滚轮滚动时:
当页面卷动的时候会触发该事件
在一个页面中,视口是一定的,当页面的高度比视口高的时候,此时页面将出现滚动条。这个时候,当我们改变滚动条位置的时候,会触发onscroll事件。
触发该事件的条件:改变页面卷动值
触发该事件的条件有很多,比如:
鼠标滚轮滚动
键盘上空格键
键盘上的pageUp和pageDown
键盘上的上下键
绑定方式:
1 | // 给document.body添加scroll事件 |
当鼠标滚轮滚动时:
本文标题:七、onscroll事件
文章作者:Mango
发布时间:2020年07月13日 - 23:09:59
最后更新:2020年07月14日 - 13:27:10
原始链接:https://mango185.github.io/post/be8cd51c.html
许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。