首页 > 代码库 > 移动端虚拟键盘影响页面布局的问题
移动端虚拟键盘影响页面布局的问题
问题描述:点击input输入框,虚拟键盘弹出时,若body禁止滚动,在一个页面显示时,body中元素会被压缩变形。若body出现滚动条,则会将整体页面向上移动
解决方法:
1、
$(document).ready(function() {
$(‘body‘).height($(‘body‘)[0].clientHeight);
});
2、$(‘input‘).focus(function(){ $(‘.contact‘).css(‘position‘,‘static‘); }).blur(function(){ $(‘.contact‘).css(‘position‘,‘fixed‘); });
移动端虚拟键盘影响页面布局的问题
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。