UNIAPP onPullDownRefresh没有到达页面顶部也会触发

我想使用 onPullDownRefresh 实现下拉刷新,

但是 使用了这个方法 后,并不是页面到最顶端时才触发

就有时候明明是在页面中间或者页面底部,

这时候只是想把页面往上滑动一点点而已,

但是确触发了 onPullDownRefresh 事件,强制刷新

然后找了很久的原因,百度了也没有谁遇到过,

最后发现是因为最外层的 view 使用了 overflow-y:scroll   的缘故

最后把它去掉问题就解决了

 

  在 uniapp 中使用 onPullDownRefresh实现页面下拉刷新的步骤:

1.在js中定义onPullDownRefresh 处理函数,该函数和date,onLoad等生命周期函数同级,主要用于监听该页面用户下拉刷新事件。
2.找到配置文件 pages.json并打开,然后在需要添加下拉刷新事件的页面文件中,打开enablePullDownRefresh
3.当完成刷新数据操作后,在 onPullDownRefresh 里 添加 uni.stopPullDownRefresh来停止当前页面的下拉刷新。

 

 

posted @ 2022-09-14 14:28  明月几时有_7  阅读(927)  评论(1编辑  收藏  举报