javascript - 无限滚动在谷歌浏览器中不起作用

Question

我有以下脚本使页面从数据库中获取更多记录并在页面末尾加载它们。它在 Mac 上的 Safari 10.0 中运行良好，但不适用于 Google Chrome 53.0.2785.143。如果我将 Chrome 浏览器窗口的大小调整到接近智能手机的大小，它就会开始工作。

当控制台不工作时，控制台中没有任何内容，因此没有任何错误可供调试。如果我查看网络服务器日志，当我尝试向下滚动页面时没有请求，所以什么也没有发生。

这是脚本:

< 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

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