什么是webview?
应用场景
我在页面调用webview导航栏被webview给覆盖住了
https://blog.csdn.net/weixin_45360473/article/details/115006620
转载的,我又加了一下我的分析和应用场景。
在这里插入图片描述
在这里插入图片描述
网上搜的结果也不尽人意没办法只能网上找资源,然后主要的就是在wv.setstyle()这里的height:height
底部会被最下面的返回条遮住(地下红框的地方),
改成height:height - statusbar 之后就好了,应该是底部的导航栏给去掉了
感谢,写这位的大佬帮我解决,我也来转载加上自己的分析
在这里插入图片描述

onLoad() {
let height = 0; //定义动态的高度变量
let statusbar = 0; // 动态状态栏高度
uni.getSystemInfo({ // 获取当前设备的具体信息
success: (sysinfo) => {
statusbar = sysinfo.statusBarHeight;
height = sysinfo.windowHeight;
}
});
let currentWebview = this. s c o p e . scope. scope.getAppWebview(); //获取当前web-view
setTimeout(function() {
var wv = currentWebview.children()[0];
wv.setStyle({ //设置web-view距离顶部的距离以及自己的高度,单位为px
top: statusbar, //此处是距离顶部的高度,应该是你页面的头部
height: height - statusbar
})
}, 200); //如页面初始化调用需要写延迟
}

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐