無限スクロール設定のために新しいページを正しくロードするjqueryスクリプトがあります。私がやりたいのは、下から 300px 離れていると言うと、もっと読み込まれるようにすることです。私は今それを行うことができますが、残念ながらスクロールが複数回登録され、ajax がページの残りをロードします。setTimeout を試してみましたが、役に立ちませんでした。
(function(){
//inner functions will be aware of this
var currentPage = 1;
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() > $(document).height() - 300) {
$.ajax({
type: "GET",
url: "posts/page/" + currentPage,
data: "",
success: function(results){
$(".container").append(results).masonry('reload');
}
})
setTimeout(currentPage++,3000);
}
});
})();