移动端中点击input弹出的键盘输入框会覆盖页面底部
2017-08-07 16:35
1441 查看
图列：
在移动端中点击input弹出的输入键盘会覆盖页面底部，这样的问题主要出现在安卓手机下，苹果手机支持自由滑动，解决办法获取body的高度，将页面的高度设定为body的高度。
实例代码：$(".content_2_1").css("height", $("body").css("height"));
$(".content_2_1")获取这个页面；
$("body").css("height")设置页面的高度等于body的高度；
在移动端中点击input弹出的输入键盘会覆盖页面底部，这样的问题主要出现在安卓手机下，苹果手机支持自由滑动，解决办法获取body的高度，将页面的高度设定为body的高度。
实例代码：$(".content_2_1").css("height", $("body").css("height"));
$(".content_2_1")获取这个页面；
$("body").css("height")设置页面的高度等于body的高度；
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 【移动端H5开发】iOS下页面底部的input被弹出键盘遮挡问题
- 移动端点击输入框 input被弹出键盘挡住
- 移动端input弹出带有搜索按钮的键盘与获取点击搜索按钮触发的事件
- 移动端去掉点击input弹出的系统键盘
- IPhone手机页面中点击文本输入框，弹出键盘，网页会放大,如何解决
- 移动端input弹出带有搜索按钮的键盘与获取点击搜索按钮触发的事件
- 移动端输入框与底部定位键出现的键盘弹出问题
- [Cordova/Phonegap] Cordova iOS 应用在第三方输入法的键盘弹出（点击输入框）时，页面不上移，导致输入框被键盘遮挡 的解决办法
- 移动端web开发之坑--IOS8下 上传图片点击取消后，弹出了软键盘遮挡输入框
- 2、移动端input弹出带有搜索按钮的键盘与获取点击搜索按钮触发的事件
- js 手机上input表单点击不弹出软键盘,jq禁用手机键盘
- iOS下Html页面中input获取焦点弹出键盘时挡住input解决方案
- 移动端页面a input去除点击效果及pc端切换
- 安卓手机访问h5页面的input，弹出软键盘遮挡input
- 使用flex布局解决安卓手机上固定在底部的按钮，在键盘弹起后挡住input输入框的问题
- editText android:windowSoftInputMode="adjustPan"模式下第二次点击editText软键盘覆盖输入框的解决方案
- 点击输入框，页面底部的文字被顶上去
- 实现类似微信朋友圈,点击评论按钮,弹出键盘并且带有输入框
- 写jsp页面时，写回帖功能时，点击回复按钮弹出输入框，将该id传递到输入框中
- 嵌入APP的H5页面点击时不需要弹出app键盘的方法