手机端虚拟键盘弹出使界面布局混乱解决方法

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

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

原生js:

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

jQuery:

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

});

原理：就是给body加个固定的高度，如果body里面有子元素的布局生发改变，就给改元素加100%的高度

手机端虚拟键盘弹出使界面布局混乱解决方法相关推荐

监听手机端虚拟键盘的弹出和隐藏
//监听手机键盘的显示或隐藏,对指定对象做不同的处理防止指定的对象被键盘顶起 function keyboardUpOrDown(jqObj){ var use ...
Flutter键盘弹出造成布局异常解决
在使用flutter开发时,经常会遇到输入框弹起的时候,debug环境下会提示布局异常.下面我们分两种情况进行讨论分析输入框在可滚动widget上输入框如果在滚动的widget上时,键盘弹起, ...
基于socket实现虚拟手柄使用手机控制电脑游戏（下）-手机端虚拟手柄
基于socket实现虚拟手柄使用手机控制电脑游戏(下)-手机端虚拟手柄这个是关于利用socket套接字实现手机控制电脑按键的一个实例,完成这个项目可以实现用手机控制狂野飙车等游戏,就是一个简易的手机 ...
Android 软键盘弹出时布局内指定内容上移实现及问题解决
Android 软键盘弹出时布局内指定内容上移实现及问题解决参考文章: (1)Android 软键盘弹出时布局内指定内容上移实现及问题解决 (2)https://www.cnblogs.com/as ...
手机端微信突然弹出电脑端已登录，是什么原因?
大半夜的,打开手机看下时间,结果,手机端微信突然弹出电脑端已登录,是不是感觉特别惊悚?是不是怀疑自己的微信被盗号了,电脑端微信突然自动登陆,究竟是什么原因呢? 一.电脑端设置了免验证登陆功能你经常使 ...
php手机网页弹出软键盘代码,Html5页面上如何禁止手机虚拟键盘弹出
工作中遇到如下需求,点击输入框弹出自定义弹窗,输入框是input标签: 但是在移动端,input会默认触发手机的虚拟键盘,如何阻止手机虚拟键盘弹起呢?目前我试过有两个方案,一个是给input添加rea ...
html5手机底部输入框,html5 虚拟键盘弹出挡住底部的输入框解决方案
问题描述: 我们使用 h5 做移动网站开发时,如果文本框在页面的下方,当输入信息弹出的软键盘会将输入框挡住(Android 会有这个问题,IOS会自动将整个页面上移),IOS中软键盘关闭后,页面上移的 ...
android动态设置软键盘弹出模式,Android 弹出软键盘所遇到的坑及解决方法
重要代码: //1.此layout作为最外层的layout: //2.设置需要调整的view: setAdjustView(View view); //3.如果需要控制输入框的显示与隐藏,可以实现On ...
Android调用系统群发短信，vivo部分手机弹出“无效的地址”解决方法
Android调用系统群发短信,vivo部分手机弹出"无效的地址"解决方法第一次写文章,来试试水之前项目中有一个需求是获取通讯录联系人信息,并展示出来,然后可以选择一个或者多个 ...

手机端虚拟键盘弹出使界面布局混乱解决方法

手机端虚拟键盘弹出使界面布局混乱解决方法相关推荐

最新文章

热门文章