滚动到底部判断条件

最新推荐文章于 2022-01-20 10:23:25 发布

szwhjz8451

最新推荐文章于 2022-01-20 10:23:25 发布

阅读量428

点赞数

本文介绍了一种使用JavaScript来判断网页滚动条是否到达底部的方法。通过比较滚动位置与页面高度，可以实现在用户滚动到页面底部时触发特定操作，如加载更多内容等。这种方法兼容多种浏览器，并附带了一个具体的实现示例。

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

$(window).scroll(function () {
    var scrollTop = $(this).scrollTop();
    var documentHeight = $(document).height();
    var windowHeight = $(this).height();
    if (scrollTop + windowHeight == documentHeight) {

    }
});
滚动条到底部的条件即为scrollTop + windowHeight == documentHeight。（兼容不同的浏览器）。
如果文档高度小于window高度，则文档高度=window高度。
example:
$(window).scroll(function () {
    var scrollTop = $(this).scrollTop();
    var scrollHeight = $(document).height();
    var windowHeight = $(this).height();
    console.log('scrollTop:'+scrollTop);
    console.log('$(document).height():'+scrollHeight);
    console.log('windowHeight:'+windowHeight);
    if (scrollTop + windowHeight == scrollHeight) {
       alert('到底了!');
    }
});