加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

Angular2 Meteor,实现无限滚动的问题(滚动重置到顶部)

发布时间:2020-12-17 17:08:07 所属栏目:安全 来源:网络整理
导读:尝试做一个无限滚动页面,在用户滚动时显示元素. 因此,每当我检测到滚动到达页面的末尾时,我就会调用 this.recordLimit += 10;this.subscribe('movements',{limit: this.recordLimit}); 那个触发器(自动运行) this.autorun(h = { if (this.ready()) { this.it
尝试做一个无限滚动页面,在用户滚动时显示元素.

因此,每当我检测到滚动到达页面的末尾时,我就会调用

this.recordLimit += 10;
this.subscribe('movements',{limit: this.recordLimit});

那个触发器(自动运行)

this.autorun(h => {
            if (this.ready()) {
                this.items = Items.find(<potential limit filter here too>);
            }

行.那很有效.但每次this.items = Items.find();调用后,用户的浏览器会向上滚动到顶部.

这可能是因为删除了dom元素,重置了滚动,然后再次添加元素而不恢复前一个滚动位置.

我究竟做错了什么 ?

工作中’明显’的例子:

> https://github.com/barbatus/ng-infinite-scroll/blob/master/scroll-controller.js
> https://github.com/abecks/meteor-infinite-scroll
> http://meteorpedia.com/read/Infinite_Scrolling

@ ###########编辑############ @

实际上,我注意到,在Items.find()之后放一个h.stop()来停止订阅,这个工作……我想上一个芒果游标会更新上一个订阅限制.

但是,我仍然无法理解为什么这会在最初的情况下重新粉刷一切.

解决方法

我相信问题是你在猜测时再次找到文件.您只应在自动运行中订阅您的出版物.从Angular2& amp;查看 this很好地解释pub / sub的流星教程.

在自动运行中,它将重新运行find()并重新渲染所有文档,这就是为什么您需要在自动运行中仅为您的情况重新运行订阅的原因.由于pub / sub和观察者的工作方式,因为你唯一改变的是你的函数中的“限制”,其余的是相同的,你的发布只返回新文档,并保留以前返回的文档.客户端的find()查询将获取从pub / sub返回的文档,当文档数量发生变化时,它不会重新呈现已获取的文档.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读