1.在项目中需要利用后台数据来控制是否显示可左右滑动的webview标签,经过反复研究得到一下方法
if(temp==1)//temp作为控制显示与否的一个变量
{
var webview=plus.webview.getWebviewById(webv_id);//webv_id是要显示的该页面的id
webview.setStyle({
top: "0px",//控制高度为零就可以隐藏
bottom: "0px",
render: "always"
});
}
2.关于MUI多个选项卡滑动时选项卡底部初加载时的瑕疵问题:
在多个选项卡最初滑动加载时,选项卡底部会有一部分也跟着滑动,因此导致页面很难看(本人用的mui.js和css都是3.7.0版本,在对比了3.7.2版本后发现在webviewGroup.js中有些出入)
//以下是webviewGroup.js代码片段
proto._initNativeView = function() {
// fixed by wmy 因为沉浸式应用,需要额外加上状态栏高度
var statusbar_H = plus.navigator.getStatusbarHeight(); //3.7.0版本中没有定义此变量
this.nativeView = new plus.nativeObj.View('__MUI_TAB_NATIVE', {
'top': (55 + statusbar_H) +'px', //这个需要根据顶部导航及顶部选项卡高度自动调整
'height': (window.screen.height - 83)+"px",
'left': '100%',
'width': '100%',
"backgroundColor":"#ffffff"
});
this.nativeView.show();
};
为了解决上面所陈述的问题,在上面3.7.0版本的代码中只要加上 var statusbar_H = plus.navigator.getStatusbarHeight();
和修改以下top值 'top': (55 + statusbar_H) +'px',调整top的大小即可解决。