以下のコードに ajax ローダーを追加しました。問題は、データベースからのデータが終了したときに、スクロール機能が無限ループになり、ajax スクロール画像が表示されることです。データが完成したらスクロール機能を停止し、ajax loader の画像も無効にしたいです。これは私のコードです
var counter=25;
$(window).on('scroll',function(){
if($(window).scrollTop()==($(document).height()-$(window).height())){
$('div#lastPostsLoader').html('<img src="loading-icon.gif">');
//Get older posts
$.ajax({
type: 'POST',
url: 'getdata.php?start_row=' + counter,
success: function(oldposts){
if(oldposts)
{
//Append #postsDiv
$('#data').append(oldposts);
counter += 15;
}
else
{
$('#lastPostsLoader').hide();
}
}
});
}
});