scrollend 事件可以判断滚动什么时候真正结束：滚动位置没有待处理的更新，用户的手势也已经完成，这两个条件都满足才会触发。 它覆盖鼠标滚轮、键盘滚动、… · @BaiBtw · TwKit

@BaiBtw

scrollend 事件可以判断滚动什么时候真正结束：滚动位置没有待处理的更新，用户的手势也已经完成，这两个条件都满足才会触发。 它覆盖鼠标滚轮、键盘滚动、平滑滚动、滚动吸附，以及其他改变滚动位置的操作。触摸或触控板手势还没结束时，不能只看画面暂时停住；如果位置根本没变，也不会触发 scrollend。 监听某个滚动容器，可以用 element.addEventListener("scrollend", handler)，也可以设置 element.onscrollend。普通 scroll 事件适合在滚动过程中更新状态，scrollend 则适合在结束后完成界面更新或统计。比如滚动时显示“正在滚动”，结束后再切换成“滚动完成”。整份文档的滚动结束则监听 Document 上的同名事件。

曝光 5 · 评论 0 · 点赞 0 · 书签 0