MUI上拉刷新的坑

本文深入探讨了MUI框架中上拉刷新功能与横向滚动之间的冲突问题,尤其是在存在mui-tab切换栏的情况下。文章详细介绍了如何避免多容器产生的冲突,以及如何在切换栏目后正确重置上拉容器的状态,同时提供了横向滚动和上拉刷新冲突的具体解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

这段时间倒腾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、付费专栏及课程。

余额充值