微信小程序下拉刷新

今天研究了一下小程序刷新的相关知识,我的需求UI如图所示(点击类目一,类目二刷新列表数据,类目固定在顶部不能滚动,只能滚动列表内容,底部是小程序首页的tab,先要使用微信自带的接口实现下拉刷新):


使用了几个方案,发现几个注意点需要注意一下:

方案一:整个布局只使用一个scroll-view,类目和列表放到该控件下,这种状态下刷新可以,但是类目不能固定在顶部

方案二:整个布局使用一个scroll-view,里面再嵌套使用scroll-view,这种状态下上拉幅度大的时候也会触发下拉刷新事件(估计是多个scroll-view引起的事件冲突)

方案三:不使用scroll-view,全都使用view,自己添加事件判断,显示自定义的loading动画(用户体验很差)

方案四:在方案三的基础上,写两个类目菜单,一个显示一个隐藏,隐藏的通过onPageScroll滚动的位置来控制其显示还是隐藏。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值