Question

jQuery（JS）怎么判断滚动条快到底部了就触发函数

我知道滚动条到达底部的代码，但是怎么判断滚动条在快到底部的时候就触发了，我不想一定到达底部才触发
$(document).ready(function() {
$(window).scroll(function() {
if ($(document).scrollTop() >= $(document).height() - $(window).height()){
alert("触发了");
}
});
});

Answer 1

先上原理图：

判断滚动条是否到临近页面底部，关键是求得上图中 ? 的数值，明显看出这个值 = 文档总高度 - 已滚动部分的高度 - 当前视口高度，所以有如下代码：

var minAwayBtm = 100;  // 距离页面底部的最小距离
$(window).scroll(function() {
        var awayBtm = $(document).height() - $(window).scrollTop() - $(window).height();
    console.log('当前距离页面底部：' + awayBtm + 'px');
    if (awayBtm <= minAwayBtm) {
        console.log('触发了');
    }
});