原始scroll-view自定义下拉实现(为兼容1一下的下拉刷新 通过监听手指移动距离控制需要下拉模块的下拉距离,主要事件bindtouchstart,bindtouchmove和bindtouchend,bindtouchmove记录手指开始下拉时的起始位置,bindtouchmove计算下拉距离,bindtouchend判断并实现刷新方法。
全局启用下拉刷新:在APP.json文件的window节点中,将enablePullDownRefresh设置为true。这种方式适用于想让小程序的每个页面都具备下拉刷新功能的情况,但可能并不符合所有页面的设计需求。局部定制下拉刷新:在每个需要下拉刷新的页面的.json配置文件中,设置enablePullDownRefresh为true。
微信小程序全局和局部的下拉刷新方式如下:全局下拉刷新: 配置方式:在app.json文件的window节点中将enablePullDownRefresh设为true。 特点:这种配置方式会影响小程序中的所有页面,只要用户在这些页面进行下拉操作,都会触发下拉刷新效果。
至于下拉刷新的事件处理,一个实用的例子是监听onPullDownRefresh事件,例如每次用户下拉时,我们可以执行一些操作,比如计数器加1。处理完刷新后,可能需要手动隐藏加载动画,这时调用wx.stopPullDownRefresh来停止刷新效果。