码迷,mamicode.com
首页 > 移动开发 > 详细

移动端页面-调起键盘样式被挤压的问题

时间:2018-06-23 11:40:26      阅读:202      评论:0      收藏:0      [点我收藏+]

标签:虚拟   解决方法   键盘   span   color   移动   code   代码   占用   

成因:给body设置的高度100%被调起的虚拟键盘占用了

解决方法

1.用JS代码自动判断窗口的高度,然后赋值给body。(但这种方法只适合页面内容较少的时候,如果页面内容超出一个满屏的高度,这么设置会导致超出部分被‘吃掉’) 

$(document).ready(function () { $(body).css({height:$(window).height()})});

 

移动端页面-调起键盘样式被挤压的问题

标签:虚拟   解决方法   键盘   span   color   移动   code   代码   占用   

原文地址:https://www.cnblogs.com/yili-54944/p/9216500.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!