MUI上拉刷新的坑

这段时间倒腾MUI的时候又发现了许多坑,主要原因是官网文档确实太简略。这不昨天又遇到了MUI的上拉刷新与MUI的横向滚动之间有冲突。

再此之前先要说说上拉刷新在有mui-tab切换栏的时候需要注意的事项:

1.切换显示的内容尽量使用一个父元素容器来包裹。不管切换栏有多少项,内容只有一个上拉容器。

这样避免了用多个容器产生冲突的问题(已试过,有冲突,还不容易找到原因)。

2.一个上拉容器只记录一次上拉状态。你在任何栏目上拉到数据加载完毕,也就是mui('#pullrefresh').pullRefresh().endPullupToRefresh((isOver))的isOver为true后,该容器就废了。切换到其他栏后也会显示“没有更多数据”。解决方法:在切换栏目后充值上拉容器的状态:mui('#pullrefresh').pullRefresh().refresh(true);

 好了,回到横向滚动和上拉刷新冲突的问题:只要用了

mui('.mui-scroll-wrapper').scroll().scrollTo(0,0,100);

就会发现上拉函数会自动执行,知道所有数据全部加载完,至死方休! 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值