uni-app 如何设置web-view 不全屏，不自动铺满，动态控制web-view的高度

2020年07月17日

| 萬仟网IT编程

| 我要评论

内容写在onload里面，如果是初始化的时候控制，其他位置控制可以写在其他方法中var height=0;//定义动态的高度变量，如高度为定值，可以直接写uni.getSystemInfo({//成功获取的回调函数，返回值为系统信息success: (sysinfo) => {height = sysinfo.windowHeight;//自行修改，自己需要的高度此处如底部有其他内容，可以直接---(-50)这种},complete: () => {}});var cu..

内容写在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

})

}, 1000);//如页面初始化调用需要写延迟

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

本文地址：https://blog.csdn.net/qq_29384789/article/details/107358978

版权声明：本文内容由互联网用户贡献，该文观点仅代表作者本人。本站仅提供信息存储服务，不拥有所有权，不承担相关法律责任。

如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 2386932994@qq.com 举报，一经查实将立刻删除。

相关文章:

1.link属于XHTML标签，除了加载CSS外，还能用于定义RSS，定义rel连接属性等作用；而@import是CSS提供的，只能用于与加载CSS...

前面的话

本文将详细介绍从webpack3到webpack4的升级过程

概述

相比于webpack3，webpack4...

前端需要性能优化么？ 性能优化一直以来都是前端工程领域中的一个重要部分。很多资料表明，网站应用的性能优化对于提高用户留存、转化率等都有积极影响。可以...

这次的项目中，有很多用到了时间函数，报错直接获取本月的开始日期，结束如期。本周的开始时间，结束时间等。这里简单的记录一下，方便下次引用。时间格式大家...

javascript中并没有直接提供对象复制(object clone)的方法。因此下面的代码中改变对象b的时候，也就改变了对象a。...

1.内联样式内联样式分为两种，一是直接写入元素的标签内部

js样式内联写法 &...

大致介绍

学习了妙味，用原生的javascript实现jquery中的某些部分功能

定义自己的函数库lquery

$()选择器...

ueditor是由百度web前端研发部开发所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于mit协议，允...

在html表单中，可以上传文件的唯一控件就是。

注意：当一个表单包含

网友评论

验证码：