I want to load more data while scrolling the contents. I found a solution from here: jQuery load more data on scroll
I want to use the jQuery Waypoint plugin. Can we load more data while scrolling, and implement in this fiddle?
var pages = [page_1, page_2, page_3, page_4, page_5];
var count=0;
$("#preRealTimeContents").html(pages[count]);
$("#realTimeContents").html(pages[count+1]);
Try this,
var scrollFlag=true;
$('#fullContainer').scroll(function () {
if (scrollFlag && this.scrollHeight - $(this).scrollTop() - $(this).offset().top - $(this).height() <= 0) {
count++;
if (count >= pages.length) scrollFlag = false;
$("#preRealTimeContents").append(pages[count]);
}
});
Updated load all div once on scrolling like,
var pages = [page_1, page_2, page_3, page_4, page_5];
var count = 0;
$("#preRealTimeContents").html(pages[count]);
var scrollFlag=true;
$('#fullContainer').scroll(function () {
for(i=1,len=pages.length;i<len;i++,count++) {
if (count >= len) break;
$("#preRealTimeContents").append(pages[count]);
}
});
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.