jQuery无限滚动和网格视图
jQuery无限滚动和网格视图
提问于 2011-02-25 21:44:13
假设我在数据库中有10,000条记录，但我想通过gridview在页面中显示100条记录，并且当用户向下滚动并到达页面中的最后一条记录时，100条记录的其余部分将通过jquery加载到网格视图中。这样，当用户向下滚动时，将加载数据。所以我有一些问题，比如。
1)如何在页面加载时显示100条记录时检测用户到达最后一条记录。
2)如果我可以检测到，那么我可以发起JQuery ajax调用来获取下一个100条记录，并将新的100条记录再次附加到底部的网格视图中。那么如何通过jquery将数据分配或附加到网格视图中呢？
请在detail...sample代码中讨论会更有帮助。谢谢
回答 3
Stack Overflow用户
发布于 2011-02-25 21:48:21
Stack Overflow用户
发布于 2011-02-25 21:48:55
我猜你已经掌握了jquery的基础知识，然后你就可以这样做了……
var h = $('body,html').height();// gives u the height of the document .
var s = $('body,html').scrollTop(); // gives you the length the document has been scrolled,
//so
if(s> (h-40)){//40 px tolerance
//do ajax here to load the it on the fly, then dump them at the bottom,
}Stack Overflow用户
发布于 2011-02-25 21:51:43
您可以使用jQuery来检测用户滚动了多远，并将其与包含100条记录的div底部进行比较。然后从数据库中获取接下来的100行。
How can you use jQuery measure how far down the user has scrolled?
或者，您可以预取所有10,000条记录，并使用jQuery将它们分成100行一组。这将允许用户立即看到下100个项目，而不必等待数据返回。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5117934
复制相关文章
相似问题
腾讯云开发者
