微信小程序怎样实现页面向上滑，动态加载数据的功能

微信小程序怎样实现页面向上滑，动态加载数据的功能

在H5中，当把页面向上滑动时，可以发起ajax请求动态加载数据。在小程序中可以么实现么?

目前在文档中，只看到有向下拉实现动态加载数据的组件

可以bindscrolltoupper是滚动到顶部/左边事件，bindscrolltolower滚动到底部/右边事件

利用"onPullDownRefresh"和"onReachBottom"方法

在js文件里直接写"onPullDownRefresh"和"onReachBottom"方法即可

文档地址：https://mp.weixin.qq.com/debug/

这是一个兼容性问题

在其他手机上可以正常交互，能加载下一页的数据

但是在iPhone XR上会出现第一页数据刚好是一屏的高度，所以不能再往上滑动了，导致不能加载更多

解决方案：

就是修改每页加载的数据量，简单粗暴的解决办法，23333333

微信小程序页面滑到到底部，继续上拉跳转到其他界面：

以下方法不可行：

1.实现这功能不能用onReachBottom，onReachBottom只有页面滑到到底部才触发，继续上拉无法再触发onReachBottom；

2.如果界面上包含其他内容，底部是列表，界面绑定页面下拉刷新方法，这种情况也不能使用scroll-view的上拉加载更多方法，会导致页面下拉和列表srcoll-view下拉2个事件冲突，触发不灵敏

解决办法：

首页上监听 touchmove，然后首页加载完的时候查询一下整个页面的高度。touchmove的时候判断已经是到底了，就跳转A页面呗。不过需要注意会触发多次，注意过滤

---