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

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Jquery 判断滚动条到达顶部或底部 （可用于上拉下拉加载刷新）相关的知识，希望对你有一定的参考价值。

<script type="text/javascript">
    $(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());
            }
        });
    });

</script>

以上是关于Jquery 判断滚动条到达顶部或底部 （可用于上拉下拉加载刷新）的主要内容，如果未能解决你的问题，请参考以下文章