Question

跟随Ryan Bates Screencast＃114我正在尝试使用原型生成无穷无尽的页面。与Ryan的展示不同，我通过AJAX请求调用的URL应该动态处理，因为当用户到达页面末尾时，我并不总是调用相同的URL。

所以我在后台运行的JS看起来像这样，并使用document.location.href而不是固定的URL：

var currentPage = 1;

function checkScroll() {
  if (nearBottomOfPage()) {
    currentPage++;
    new Ajax.Request(document.location.href + '?page=' + currentPage, {asynchronous:true, evalScripts:true, method:'get'});
  }
  else {
    setTimeout("checkScroll()", 250);
  }
}

function nearBottomOfPage() {
  return scrollDistanceFromBottom() < 10;
}

function scrollDistanceFromBottom(argument) {
  return pageHeight() - (window.pageYOffset + self.innerHeight);
}

function pageHeight() {
  return Math.max(document.body.scrollHeight, document.body.offsetHeight);
}

document.observe('dom:loaded', checkScroll);

问题是：代码似乎在Safari中有效但在FF 3.6中失败。似乎FF以不同方式计算scrollHeight或offsetHeight。我怎么能防止这种情况？

提前谢谢。杰森

Answer 1

我自己没有使用它们，但我猜测pageHeight（）可以使用document.viewport.getHeight()，这应该是更准确/跨浏览器的替代方案。

使用Prototype访问当前URL

1 个答案: