Question

我在加载其他项目（使用mysqli / ajax）时遇到问题，在台式机上可以正常使用，但在移动设备和笔记本电脑上无法使用。.

（对不起，我的英语）

索引脚本

$(document).ready(function() {
  var min = 5;
  $(window).scroll(function() {
    if ($(window).scrollTop() == $(document).height() - $(window).height()) {
      $.ajax({
        type: "post",
        url: "get_more.php",
        data: {
          username: document.getElementById("user").value,
          min: min
        },
        cache: false,
        success: function(data) {
          min += 3;
          $("#postList").append(data);

          if (data == "") {
            $("#load_data_message").html(
              "<p class='text-center'>No More Data Found | End of List</p>"
            );
            action = "active";
          }
        }
      });
      return false;
    }
  });
});

在此先感谢您的帮助，

编辑1： 我试过了，但是效果不一样：

document.addEventListener("touchmove", ScrollStart, false); 
document.addEventListener("scroll", Scroll, false); function ScrollStart() { 
} 
function Scroll() { 
if((window.pageYOffset == $(document).height() - $(window).height())) { 
alert("test"); 

} 

}

Answer 1

最终，问题在于scroll事件在移动设备上的行为有所不同，另外，您应该依赖pageYOffset而不是scrollTop。看这里：

javascript scroll event for iPhone/iPad?

如果滚动条无法在移动设备/笔记本电脑中使用，请加载更多项目

1 个答案: