我有以下代码,当用户滚动到页面底部时,它会加载内容。问题是,如果用户滚动得太快,它会重复加载内容。我该如何修改代码以防止这种情况发生?
$(window).scroll(function(){
if($(window).scrollTop() == $(document).height() - $(window).height()){
$('div#ajaxResults').show();
$.ajax({
url: "ajax/home.php?last_id=" + $(".postitem:last").attr("id"),
success: function(html){
if(html){
$("#messages").append(html);
$('#ajaxResults').hide();
}else{
$('#ajaxResults').html('<center>None.</center>');
}
}
});
}
});
我希望这个解决方案可以多次使用。这个脚本加载了接下来的5条信息,但可能还有数百条信息需要加载。它应该像Facebook或Twitter一样工作,加载更新。