搜索

首页  >  问答  >  正文

javascript - js怎么实现向下滑动加载更多数据?

我不太理解是通过什么判断我已经滑倒底部了?还有我用ajax来插入信息,当我再插入的时候难道不会把第一次的信息再从头插入一遍吗,怎么才能过滤掉已经插入过的信息呢??

天蓬老师天蓬老师2775 天前706

全部回复(4)我来回复

  • 迷茫

    迷茫2017-04-10 16:45:42

    推荐一个插件 iscroll ,能很方便实现你的这个功能

    回复
    0
  • 迷茫

    迷茫2017-04-10 16:45:42

    通过页面整体高度和元素所在页面位置,用元素所在页面位置跟页面整体高度的差值判断,有一个安全值,超过值就执行函数
    过滤重复信息可以考虑用一个对象维护,方法有2种
    1.整体数据每次获取后遍历并放到一个新的对象种,对象的key为一个唯一值,比如id或者uuid,以后再次获得数据,直接遍历,然后obj[list[x].id]=list[x]即可。
    优点:无需维护
    缺点:对象会出现hash乱序,所以可能会增加一个index值来用来维护顺序
    2.原数据不变,再增加一个对象作为维护对象。每次获取数据的时候,把唯一值放到维护数据中做key,数组索引做value,然后再次获取数据的时候,去维护数据中查找,如果没有则push到数据list,如果有则根据索引数据更新
    优点:保持序列,不影响数据数组
    缺点:维护不方便

    回复
    0
  • ringa_lee

    ringa_lee2017-04-10 16:45:42

    1.监听滚动事件,判断滚动条的位置。
    2.分页。

    回复
    0
  • 高洛峰

    高洛峰2017-04-10 16:45:42

    后端是分页了的。每次加载就加载一页。当然不会覆盖

    回复
    0
  • 取消回复