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

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

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

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

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

利用"onPullDownRefresh"和掘判"onReachBottom"方法

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

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

让微信小程序中间的图标也跟着图上下滑动方法如下：

1、在WXML文件中创建一个固定高度的区域，并设置其为可滚动的。

2、在该区域内添加两个元素：一个用于显示上下滑动的图片，另一个用于显示图标。

3、在CSS样式文件中，对这两个元素分别设置相应的位置和样式。其中，上下滑动的图片需要设置position：absolute。top：0。left：0。width：100%。height：auto。z-index：-1。等属性，使其能够覆盖住整个区域并与图标区分开来。而图姿轿配标元素则需要设置position：relative。等属性来保证其相对于父元素的位置不变。

4、使用JavaScript监听区域的滚动事件，获取当前滚动迹指位置，并将其赋值给图标元素的top属性，以实现图标随帆毕着滚动上下移动。

这是一个兼容性问题

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

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

解决方销此案：

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

---