wjsljc
wjsljc
  • 发布:2017-06-01 10:28
  • 更新:2017-06-01 17:03
  • 阅读:1634

【报Bug】部分低端机使用mui框架上拉刷新有遮罩的问题

分类:MUI
mui

详细问题描述
[内容]
使用mui上拉刷新框架部分低端机会出现有遮挡内容的情况(会附上代码图和部分机型),页面跳转或者上拉一段距离再下拉就会消失。
机型参考 酷派 8675-W00 华为荣耀6等
重现步骤
[步骤]
1:使用部分低端机真机测试
2:使用如图代码
[结果]
出现遮挡情况,如下图
1:刚开始下拉的时候如图


2:继续下拉

多次测试都会出现如图所示,并且在绝大多数机型都没有用该现象(尤其是高端机,怀疑是渲染问题)
3:然后往上拉返回刚才有问题的地方,发现变为正常了

[期望]
像大多数机型一样不出现遮挡,期望官方帮忙解决下。万分感谢!
运行环境
[系统版本]
[浏览器版本]
[IDE版本]
[mui版本]
均为最新,真机调试
附件
[代码片段]
mui.init({
pullRefresh: {
container: '#pullrefresh',
// down: {
// callback: pulldownRefresh
// },
up: {
contentrefresh: '正在加载...',
contentinit : "",
contentdown : "",
contentnomore : "没有更多数据了",
callback: pullupRefresh,
auto : false
}
}
});
/**

  • 上拉加载具体业务实现
    */
    function pullupRefresh() {
    setTimeout(function(){
    var page = Number(localStorage.getItem("patientHistoryPage"));
    var total = Number(localStorage.getItem("patientHistoryTotal"));
    console.log("page " + page);
    console.log("total " + total);
    // mui('#pullrefresh').pullRefresh().endPullupToRefresh((++count > total));
    if(page < total){
    var page = Number(page)+1;
    getPatientList(page);
    }else{
    mui('#pullrefresh').pullRefresh().endPullupToRefresh(true);
    }
    },1000);
    }
    function getPatientList(page){
    具体业务实现
    })
    [安装包]
    需要安装包请联系QQ
    联系方式
    [QQ]
    635314068
    [电话]
2017-06-01 10:28 负责人:无 分享
已邀请:
wjsljc

wjsljc (作者)

这个问题已经彻底解决了,究其原因,是因为我append的的str最外层没有加mui-table-view-cell这个类,至于为什么要加这个类还得进一步研究一下,可以审查一下元素。然后就是加了这个类之后值得注意的是,ios的滚动条可能会被隐藏到mui-table-view-cell元素的“下面”,这个时候只需要修改z-index即可。

Trust

Trust - 少说废话

请下载hello mui或真机运行hello mui示例工程,查看示例中的demo是否存在同样的问题。

wjsljc

wjsljc (作者)

经过测试,我发现官方的demo是可以的,但是我还是百思不得其所,自己错在哪里,于是我复制修改了代码,现在发现如图1,以前我是这样做得,发现依然原来的问题,但是我改成如图2的形式,问题尽然没有了,而且我为了防止类的影响特意去除了图一的所有类,还是有同样的问题。是否scroll里面对加的div有所影响呢?

该问题目前已经被锁定, 无法添加新回复