scroll-view 下拉加载更多

发布于 6 年前作者 moxia2386 次浏览最后编辑 6 年前来自 ask

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

5 回复
jun47
jun471 楼6 年前

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

xiayong
xiayong2 楼6 年前

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

jingliu
jingliu3 楼6 年前
  1. 先把新获取数据丢到absolute窗口外的地方渲染,并获取其高度,后面有用

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

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

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

wenxiuying
wenxiuying5 楼4 年前

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