MUI下的webview动态控制显示

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的大小即可解决。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值