Question

我的第一个问题，所以请客气:) 我为Wikipedia构建了一个小的无限滚动，可以在桌面上正常运行，但不能在iOS上运行。我尝试了来自互联网的许多不同代码段，但是都失败了，所以这是我的最后一枪。该代码很小，已在Codepen上发布。似乎根本原因与Codepen封装代码的iframe有关，因为如果我在Codepen调试模式下运行它，则可以正常工作（但该链接按照Codepen设计失效）

我尝试设置setInterval，但iFrame内的scrollTop在iOS上始终返回0（如前所述，在Codepen调试中，因此在没有iframe包装的情况下也可以正常工作）。同样在桌面上，它甚至可以在iframe中使用

代码在代码笔上 https://codepen.io/firecodergithub/full/xexOeX 这是相关的代码部分

  $(window)
  .data("ajaxisready", true)
  .scroll(function(e) {
    if ($(window).data("ajaxisready") === false) return;
    var scrTop=$(window).scrollTop();

    if (( scrTop>= $(document).height() - $(window).height() - 60 ) ) {
      //show the next 10 results on scrolling
      $(window).data("ajaxisready", false);
      next10results();
    }
  });

我所需要做的是让scrollTop实际上返回一个非0值，就像在台式机上一样

要重现，只需滚动到桌面上页面的底部，它将加载接下来的10个条目（在iOS上执行相同操作，则不会发生任何事情）。没有在Android上尝试过

JS iFrame桌面滚动条可以正常运行，但在iOS上会被忽略

0 个答案: