Jquery 判断滚动条到达顶部或底部（可用于上拉下拉加载刷新）

最新推荐文章于 2023-09-11 15:47:02 发布

╰╮◇经年错、不诉离伤

最新推荐文章于 2023-09-11 15:47:02 发布

阅读量312

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/weixin_42230479/article/details/108324634

本文介绍了一种使用Jquery判断网页滚动条是否到达顶部或底部的方法，通过$(document).scrollTop()函数获取垂直滚动距离，实现上拉下拉加载刷新功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Jquery 判断滚动条到达顶部或底部（可用于上拉下拉加载刷新）

      $(document).ready(function() {
        $(window).scroll(function() {
            //$(document).scrollTop() 获取垂直滚动的距离
            //$(document).scrollLeft() 这是获取水平滚动条的距离
            if ($(document).scrollTop() <= 0) {
                alert("滚动条已经到达顶部为0");
            }

            if ($(document).scrollTop() >= $(document).height() - $(window).height()) {
                alert("滚动条已经到达底部为" + $(document).scrollTop());
            }
        });
    });