我只是想知道,只有在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
    }
});

Jquery相关问答推荐

这是否会导致内存泄漏?

将div中的下一个2个标题分组

DataTables - this.api 用于回调函数中的多个表

JQuery:$.get 不是函数

jQuery在点击函数后获取
  • 元素的id/value
  • bootstrap 模式中的自动完成问题

    在范围内设置文本

    如何在循环内创建动态变量名称?

    从 iframe 访问父窗口的元素

    jQuery 判断 是否存在并且有一个值

    Zepto 和 jQuery 2 有什么区别?

    根据弹出框相对于窗口边缘的 X 位置更改 Bootstrap 弹出框的位置?

    如何从表格单元格 (td) 中获取相应的表格标题 (th)?

    如何在 Angular 4 中使用 jQuery 插件?

    页面重新加载后,如何使用 twitter bootstrap 保持当前选项卡处于活动状态?

    jQuery Select 器中前导冒号的目的是什么?

    如何使用 Twitter Bootstrap 自动关闭alert

    将多个 JavaScript 文件合并为一个 JS 文件

    使用 Jquery 查找父 div 的 id

    使用 jquery 禁用文本框?