[英]how to load more data on scroll or scrolling in jQuery?
I want to load more data while scrolling the contents.我想在滚动内容时加载更多数据。 I found a solution from here: jQuery load more data on scroll
我从这里找到了一个解决方案: jQuery load more data on scroll
I want to use the jQuery Waypoint plugin.我想使用 jQuery Waypoint 插件。 Can we load more data while scrolling, and implement in this fiddle?
我们可以在滚动时加载更多数据,并在这个小提琴中实现吗?
http://jsfiddle.net/N5LZB/32/ http://jsfiddle.net/N5LZB/32/
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,在滚动时更新加载所有 div,例如,
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]);
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.