勒布朗
勒布朗
  • 发布:2018-07-13 14:21
  • 更新:2018-10-17 17:45
  • 阅读:2024

利用mui pullrefresh_with_tab模板做动态选项卡遇到的问题

分类:MUI

向后台获取数据以后直接加载页面选项卡是滑不动的,需要在获取数据以后加上这几行代码:

var deceleration = mui.os.ios ? 0.003 : 0.0009;
mui('.mui-scroll-wrapper').scroll({
bounce: true,
indicators: true, //是否显示滚动条
deceleration: deceleration
});

mui('.mui-slider').slider(); //这一行是关键,让选项卡初始化滑动

下面的选项卡可以左右滑动了,但发现当上面的tab有超出屏幕的选项时,上面的tab不会移动,获取数据以后可以加上这几行代码:

var sss = mui('.mui-scroll-wrapper.mui-slider-indicator.mui-segmented-control').scroll({
scrollY: false,
scrollX: true,
indicators: false,
snap: '.mui-control-item'
});
sss.reLayout();//这一行是关键,可以让上面的选项卡随着下面滑动而滑动位置,出现在可视区域内

最后再加上上拉加载下拉刷新代码.

1 关注 分享
2***@qq.com

要回复文章请先登录注册

2***@qq.com

2***@qq.com

大佬 厉害啦 这个问题搞了我一个上午 万分感谢啊
2018-10-17 17:45