七、onscroll事件

七、onscroll事件

当页面卷动的时候会触发该事件

在一个页面中,视口是一定的,当页面的高度比视口高的时候,此时页面将出现滚动条。这个时候,当我们改变滚动条位置的时候,会触发onscroll事件。

触发该事件的条件:改变页面卷动值

触发该事件的条件有很多,比如:

  • 鼠标滚轮滚动

  • 键盘上空格键

  • 键盘上的pageUp和pageDown

  • 键盘上的上下键

绑定方式:

1
2
3
4
// 给document.body添加scroll事件
document.body.onscroll = function(){
console.log("123");
}

当鼠标滚轮滚动时:

UM2r01.png

点击查看

本文标题:七、onscroll事件

文章作者:Mango

发布时间:2020年07月13日 - 23:09:59

最后更新:2020年07月14日 - 13:27:10

原始链接:https://mango185.github.io/post/be8cd51c.html

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

-------------------本文结束 感谢您的阅读-------------------