首页 > 其他分享 >键盘弹起来时,页面布局错乱

键盘弹起来时,页面布局错乱

时间:2022-12-15 16:59:32浏览次数:73  
标签:body function height 键盘 错乱 document 页面

html5页面当点击input输入框弹出安卓手机上键盘就会把背景顶了上来,软键盘弹出时,改变了height,使height:100%,不能达到原来的高度。

页面布局就乱了,解决方法:

原生js:

window.onload=function(e){
    var _body=document.getElementsByTagName('body')[0];
    _body.style.height=_body.clientHeight+"px";
}

jQuery:

$(document).ready(function () {
   $('body').height($('body')[0].clientHeight);
 });

标签:body,function,height,键盘,错乱,document,页面
From: https://www.cnblogs.com/wangqian888/p/16985441.html

相关文章