首页 > js怎么实现向下滑动加载更多数据?

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

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


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


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


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


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

【热门文章】
【热门文章】