uni-app 如何设置web-view 不全屏,不自动铺满,动态控制web-view的高度,控制内容是否可以缩放


内容写在onload里面,如果是初始化的时候控制,其他位置控制可以写在其他方法中 

var height=0;//定义动态的高度变量,如高度为定值,可以直接写
uni.getSystemInfo({
//成功获取的回调函数,返回值为系统信息
success: (sysinfo) => {
height = sysinfo.windowHeight;//自行修改,自己需要的高度 此处如底部有其他内容,可以直接---(-50)这种
},
complete: () => {
}
});
var currentWebview = this.$scope.$getAppWebview();//获取当前web-view
setTimeout(function() {
var wv = currentWebview.children()[0];
wv.setStyle({//设置web-view距离顶部的距离以及自己的高度,单位为px
top: 68,//此处是距离顶部的高度,应该是你页面的头部
height:height,//webview的高度

scalable:true      //webview的页面是否可以缩放,双指放大缩小
})
}, 1000);//如页面初始化调用需要写延迟


下面的博客也是我的,如需要了解其他的知识,可以去看看,我搬的费劲

https://www.cnblogs.com/sky-zky/p/13050943.html

  • 4
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 10
    评论
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值