'use strict';
var win = $(window);
var doc = $(document);
var loading = $('#loading');
// Each time the user scrolls
win.on('scroll', function() {
/* If scroll is end of page loading new posts */
if ( doc.height() - win.height() - 80 < win.scrollTop() ) {
loading.show();
if ( $('#scroll_check').val() == 'true' ) {
setTimeout(function(){
$.post( '/ajax/load-content/?secure=1' , {'data':'data'} , function ( data ) {
if ( data != 'error' ) {
$('#posts-container').append(data);
loading.hide(); } else { $('#loading').remove(); $('#scroll_check').attr('value', 'false')}
}); }, 1000); }
}
});
php sayfasında içerik sayısını kontrol ettir. Eğer içerik yoksa die('error'); olarak sayfayı bitir. içerik var ise direk içeriği echo ile okut.
Html sayfanda id değeri loading olan bir yükleniyor gif'in olsun. Birde display:none olarak bir input. input'un id değeri scroll_check , value'si ise true olsun.
Dene bir bakalım, istediğini elde edecek misin?