無限スクロールGoogle Chromeで動作していません

Question

私は次のスクリプトを使用して、データベースからさらにレコードをフェッチし、ページの最後にロードします。 MacではSafari 10.0ではうまくいきましたが、Google Chrome 53.0.2785.143ではうまくいきません。 Chromeブラウザウィンドウをほぼスマートフォンサイズにリサイズすると、動作します。

デバッグするときにエラーが発生しないように、コンソールには何もないので動作しません。 Webサーバーのログを見ると、ページを下にスクロールしようとするとリクエストがないので、何も起こっていません。ここで

はスクリプトです：

< script type = "text/javascript" > 
 
    var skip = 20; 
 
var action = "<?php echo $action ?>"; 
 
$(window).scroll(function() { 
 
    if ($(window).scrollTop() == $(document).height() - $(window).height()) { 
 
    loadArticle(skip); 
 
    skip += 20; 
 
    } 
 
}); 
 

 
function loadArticle(pageNumber) { 
 
    $('#inifiniteLoader').show('fast'); 
 
    $.ajax({ 
 
    url: "getMoreEvents.php", 
 
    type: 'POST', 
 
    data: "action=" + action + "&skip=" + skip, 
 
    success: function(html) { 
 
     $('#inifiniteLoader').hide('1000'); 
 
     $("#content").append(html); // This will be the div where our content will be loaded 
 
    } 
 
    }); 
 
    return false; 
 
} < /script>

Answer 1

私はので、私はそれをここに置くよコメントするのに十分な評判を持っていない：

私はこの53.0.2785.143バージョンを考えますクロムにはスクロールトップのバグがあります。私は正常に動作し、その後クロムに止まったコードを持っていました。

scrollTop has stopped working in Chrome

Answer 2

$(window).scroll(function() { 
    if ($(window).scrollTop() >= $(document).height() - $(window).height()) { 
    loadArticle(skip); 
    skip += 20;