我只是想知道,只有在div.loading可见的情况下,如何才能在scroll上实现更多数据.
通常我们会查看页面高度和滚动高度,看看是否需要加载更多数据.但是下面的例子有点复杂.
下面的图片就是一个很好的例子.下拉框中有两个.loadingdiv.当用户滚动内容时,应该开始为其加载更多数据.
那么,我如何才能确定.loadingdiv对用户是否可见呢?这样我就可以开始加载该div的数据了.
我只是想知道,只有在div.loading可见的情况下,如何才能在scroll上实现更多数据.
通常我们会查看页面高度和滚动高度,看看是否需要加载更多数据.但是下面的例子有点复杂.
下面的图片就是一个很好的例子.下拉框中有两个.loadingdiv.当用户滚动内容时,应该开始为其加载更多数据.
那么,我如何才能确定.loadingdiv对用户是否可见呢?这样我就可以开始加载该div的数据了.
在jQuery中,使用滚动功能判断是否到达页面底部.点击后,进行Ajax调用(在Ajax响应之前,您可以在此处显示加载图像)并获取下一组数据,将其附加到div.当您再次向下滚动页面时,将执行此函数.
$(window).scroll(function() {
if($(window).scrollTop() == $(document).height() - $(window).height()) {
// ajax call get data from server and append to the div
}
});