跟随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。我怎么能防止这种情况?
提前谢谢。 杰森