下拉刷新位置会遮挡顶部tab-bar

分类：MUI

下拉刷新

下拉刷新位置会遮挡顶部tab-bar ,而不是在webview 里面

var subpages = ['vip.html', 'img.html', 'txt.html', 'video.html','hot.html','pass-through.html'];  
var subpage_style = {  
    top: '40px',  
    bottom: '0px'  
};  
//当前激活选项  
var activeTab = subpages[0];  
var aniShow = {};  

 //创建子页面，首个选项卡页面显示，其它均隐藏；  
mui.plusReady(function() {  
    var self = plus.webview.currentWebview();  
    //循环创建页面  
    for (var i = 0; i < subpages.length; i++) {  
        var temp = {};  
        var sub = plus.webview.create(subpages[i], subpages[i], subpage_style);  
        if (i > 0) {  
            sub.hide();  
        }else{  
            temp[subpages[i]] = "true";  
            mui.extend(aniShow,temp);  
        }  
        self.append(sub);  
    }  
});

mui.init({
swipeBack: false,
pullRefresh: {
container: '#pullrefresh',
down: {
callback: pulldownRefresh
},
up: {
contentrefresh: '正在加载...',
callback: pullupRefresh
}
}
});

testdemo.rar

2016-07-12 09:48 负责人:无分享

3 个回复

BoredApe - 有问题就会有答案。

请参考文档:http://dev.dcloud.net.cn/mui/pulldown/#changeposition

7***@qq.com (作者)

好像没效果，我是在webview里面

2016-07-12 11:00
BoredApe

在哪设置的? 需要在父页面中设置

2016-07-12 11:07
7***@qq.com (作者)

var subpage_style = {

top: '40px',

bottom: '0px'

};

父界面我创建webview这里设置了.

然后根据文档设置了样式

.mui-bar-nav ~ .mui-content .mui-pull-top-pocket{

top: 180px !important;

}

我这个是父界面上面创建的webview

2016-07-12 11:11
7***@qq.com (作者)

回复 BoredApe:其他还需要做什么设置吗？

2016-07-12 11:23