3

我在 div 中动态添加组件。我想加载更多内容,为什么滚动条在最后(现在社交媒体网站通常会这样做)。我为此编写了以下代码:

$('.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 的值有很大的不同。我加载的内容越少,百分比差异就越大。任何人都可以帮我找到所有可能性来检查并找到原因吗?

谢谢

4

1 回答 1

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

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

});

添加窗口高度以滚动顶部对我有用

于 2016-04-24T18:15:30.637 回答