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 に答える