cyyc
cyyc
  • 发布:2018-09-19 11:42
  • 更新:2020-09-16 11:14
  • 阅读:3269

scroll-view 向下滚动会触发下拉刷新

分类:uni-app

页面使用了scroll-view和下拉刷新,scroll-view向下滚动就会触发下拉刷新,怎么能让滚动到顶部后,再触发下拉刷新动作呢?

2018-09-19 11:42 负责人:无 分享
已邀请:
林中木中林

林中木中林

研究了好久,突然灵光一闪,找到解决办法了,分享一下:
其实很简单

1- 将refresher-enabled绑定一个变量,初始值true refresher-enabled="scroll_refresher_enabled"

2 - 在scroll绑定的方法中,获取滚动值,===0开启下拉刷新,否则禁用
@scroll="scroll"
scroll(e) {
if (e.detail.scrollTop === 0) {
this.scroll_refresher_enabled = true
} else {
this.scroll_refresher_enabled = false
}
}

  • 大熊犯二病

    干的漂亮,大兄弟,回滚bug被你解决了!给你点个赞!

    2020-10-29 11:54

  • 王子赤

    之前我这个变量 refresher-enabled 我赋值死值 true,导致上滑加载在下滑就触发下拉刷新了

    感谢大佬

    2020-12-16 14:00

  • 狮王电竞

    回复 王子赤能看下你的代码 我照着试啦 还是有bug

    2020-12-29 17:01

Neil_HL

Neil_HL

使用 scroll-view 会和原生下拉刷新造成冲突 用了下拉刷新就不能使用scroll-view

970109789@qq.com

970109789@qq.com - coder

解决了吗

735554270@qq.com

735554270@qq.com - image 加载网络图片失败,怎么设置默认图片?? 获取不到当前失败的image对象

怎么解决的呀

724507961@qq.com

724507961@qq.com

怎么解决的呀

要回复问题请先登录注册