スクロール終了時に実行したいコードがあります。したがって、「div 1」をスクロールすると、「div2」を使用してコードを実行したいと思います。問題は、このコードに.scrollLoadといくつかの「this」が含まれていることです。「this」を「div2」に変更すると、コードが機能しなくなります。したがって、div1までスクロールすると、「this」がdiv2を認識できるようになります。
$( '#div2' ).scrollLoad({
url : 'load_more_categ.php', //your ajax file to be loaded when scroll breaks ScrollAfterHeight
type: 'POST',
data : '',
start : function() {
$('<div class="loading"><img src="bigLoader.gif"/></div>').appendTo(this);
// you can add your effect before loading data
},
ScrollAfterHeight : 95, //this is the height in percentage after which ajax stars
onload : function( data ) {
$(this).append( data );
$('.loading').remove();
}, // this event fires on ajax success
continueWhile : function( resp ) {
if( $(this).children('li').length >= 100 ) { // stops when number of 'li' reaches 100
return false;
}
return true;
}
});