在开发小程序的时候接到一个需求,就是下拉加载更多数据。就像在微信聊天下拉顶部会出现数据。
效果链接:https://www.tangxiaoyu.wang/videob45239a79a4d5a09ba2985a4127bfb24.mp4
在开发中有两种方式可以实现
1、利用页面自带的 上拉加载 onPullDownRefresh() 和 页面滑动事件 onPageScroll(Object) 组合
2、利用 scroll-view 去实现
因为我们实际的页面是顶部需要展示用户信息的,只能在页面的局部滑动的,所以采用的是 scroll-view 实现
逻辑是 :
一 、首次加载时存放两段数据,一段隐藏。一段展示,首次加载完成数据需要把 scroll-into-view="{ {intoView}}" 的intoView重新渲染一下,否则不会直接跳到底部