scroll-view 下拉加载更多
发布于 5 年前 作者 moxia 2201 次浏览 来自 问答

使用scroll-view中的bindscrolltoupper事件监听上拉事件，然后在scroll-view里面内容的上面追加内容，界面会滚动到最上面，怎么能让它上上面加载出了更多的消息的时候，界面不滚动。（类似微信消息界面上拉会加载以前的消息记录，加载完成后，界面不会自动滚动到最上面）

5 回复

要做跟楼主同样的东西，楼主之前的做出来了没？准备整理一下让后来人参考参考吗？

楼主问题解决没，我也遇到这个问题了，求指教

  1. 先把新获取数据丢到absolute窗口外的地方渲染，并获取其高度，后面有用

  2. 如果scroll-view正在滚动，延迟处理，否则直接下一步

  3. 把列表数组合并，根据先前获取的高度和当前scroll-view的实际top值来更新scroll-view的scrollTop（通过数据绑定）

    如此可以实现比较自然的向上加载效果

写了一个demo https://image.wxopen.club/content_d850f5dc-3884-11ea-b3a1-001a7dda7111.png

把内容push进去呀，不要重新渲染页面

回到顶部