当页面底部滚动时，jQuery将加载更多内容

Question

滚动到页面底部时，jQuery将加载更多内容。 我的脚本在Safari / iPad浏览器和android Mozilla浏览器上运行良好。 但不适用于Android默认浏览器和Chrome浏览器。

$("#div").scroll(function() {
    if ($(this).scrollTop() >= ($(this)[0].scrollHeight - $(this).outerHeight())) {
        // load more  content function            
    }
});

Answer 1

尝试这个

$("#div").animate({scrollTop: $("#div")[0].scrollHeight}, 1000);
    $('#div').scroll(function() {
    //content goes here
     });