jquery监听页面滚动条滚动事件

最新推荐文章于 2025-09-11 10:13:53 发布

原创最新推荐文章于 2025-09-11 10:13:53 发布 · 4.7w 阅读

29 ·

CC 4.0 BY-SA版权

文章标签：

#scroll

前端同时被 2 个专栏收录

58 篇文章

订阅专栏

29 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的滚动监听方法，能够实时获取页面滚动位置，并根据滚动位置执行特定操作，如显示或隐藏元素，加载更多内容等。

    $(document).scroll(function() {
        var scroH = $(document).scrollTop();  //滚动高度
        var viewH = $(window).height();  //可见高度 
        var contentH = $(document).height();  //内容高度

        if(scroH >100){  //距离顶部大于100px时

        }
        if (contentH - (scroH + viewH) <= 100){  //距离底部高度小于100px
             
        }  
        if (contentH == (scroH + viewH)){  //滚动条滑到底部啦
             
        }  

    });