我正在尝试在我的主页上实现无限滚动。但是，以下脚本将导致无限循环，因为 $(document).height() 永远不会改变。你能帮助我吗？我知道这是由 css 引起的，但我找不到解决方案。我尝试将代码都放入 $(window).load 和 $(document).ready 但它不起作用。
while( $(document).height() <= $(window).height() ) {
load();//load the data at the bottom of the homepage
}
谢谢
【问题讨论】：
load 是异步的？
看看 jQuery .scrollTop。
$(document).height() and $(window).height() 将始终固定不变。
但是，使用$(window).scrollTop()，您可以知道页面向下滚动了多远，因此您可以添加窗口高度来计算您位于页面底部并在该点加载内容。
【讨论】：
问题是在检查height 之前，您永远不会给load 一个完成的机会。 Javascript 是单线程的，因此您的代码永远不会完成，get 结果永远不会被处理。
您需要做的是只调用一次load，然后在get 的回调中，如果需要再试一次。
这样的事情应该可以工作：
function getMore(){
if( $(document).height() <= $(window).height() ) {
load();
}
}
function load(){
/* ... */
$.get(/* ... */, function(){
// after the first get completes, call getMore again
getMore();
});
}
您可能需要调整 if 条件以使其完全符合您的要求，但这将解决无限循环的问题。您可能需要一个包装器div 并将该高度与window 高度进行比较，而不是使用document。
【讨论】：