解决键盘弹出时,webview被挤压导致背景图片被挤压出空白-创新互联-成都快上网建站

解决键盘弹出时,webview被挤压导致背景图片被挤压出空白-创新互联

第一种方法:

创新互联公司是一家集网站建设,龙湾企业网站建设,龙湾品牌网站建设,网站定制,龙湾网站建设报价,网络营销,网络优化,龙湾网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

1、给外层div容器设置背景图片

2、监听键盘弹出事件,弹出时调整容器的高度以适应背景图片

var oglHeight = document.querySelector("body").offsetHeight;

var windowSizeChange = function() { //弹出键盘时调整页面的高度,防止背景图片被挤压出空白区域

var tempHeight = document.querySelector("body").offsetHeight;

if(tempHeight == oglHeight) {

console.info("屏幕键盘隐藏");

document.getElementById('content').style.height = "100%";

} else {

console.info("键盘显示");

document.getElementById('content').style.height = "390px";

}

};

第二种方法:

背景固定,使用:before

body:before {

content: "";

position: fixed;

z-index: -1;

top: 0;

right: 0;

bottom: 0;

left: 0;

background: url(../../p_w_picpaths/10.jpg) center 0 no-repeat;

background-size: cover;

}

创新互联www.cdcxhl.cn,专业提供香港、美国云服务器,动态BGP最优骨干路由自动选择,持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证, 机房独有T级流量清洗系统配攻击溯源,准确进行流量调度,确保服务器高可用性。佳节活动现已开启,新人活动云服务器买多久送多久。


分享名称:解决键盘弹出时,webview被挤压导致背景图片被挤压出空白-创新互联
路径分享:http://kswjz.com/article/dcjpdo.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流