Question

我在动态添加div中的组件。我想加载更多内容为什么croll bar结束（这些天社交媒体网站通常做什么）。我已经为它编写了以下代码：

$('.tabs-body-container #tbody-0 .feeds').scroll(function () {
    if (!invoked_next) {
        cont_height = $(this).get(0).scrollHeight;
        scrl_pos = $(this).scrollTop();
        if (scrl_pos / cont_height >= .70) {
            invoked_next = true;
            loadData();
        }
    }
});

但是当我向下滚动栏并将其结束时，scrl_pos和cont_height的值有很大不同。我加载的内容量越低，百分比差异越大。任何人都可以帮我找到检查和查找原因的所有可能性吗？

由于

Answer 1

$('.scrollableDiv').on('scroll', function () {
var scrollableDivHeight = $('.scrollableDiv').height(),
    scrollTop = $('.scrollableDiv').scrollTop(),
    windowHeight = $(window).height();

if (scrollableDivHeight - (scrollTop + windowHeight) <= 100) {
    console.log(scrollableDivHeight - (scrollTop + windowHeight));
}

}）;

添加窗口高度以滚动顶部为我工作

jQuery scrollTop不等于div底部的scrollHeight

1 个答案: