原生js实现判断浏览器滚动条向上滚动还是向下滚动，实时监听浏览器的滚动方向

最新推荐文章于 2025-04-29 17:46:18 发布

小米李

最新推荐文章于 2025-04-29 17:46:18 发布

阅读量1.7k

点赞数

文章标签： javascript 浏览器滚动

本文链接：https://blog.csdn.net/Sunny_lxm/article/details/132532520

版权

// 监听浏览器的滚动事件 判断是向上滚动还是向下滚动
var lastScrollTop = 0;
window.addEventListener("scroll", function () {
    var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
    if (scrollTop > lastScrollTop) {
        console.log('向下滚动')
    } else {
        console.log('向上滚动')
    }
    lastScrollTop = scrollTop;
});