E企盈营销工具技术服务商 热线:4006-838-530

移动端解决f奉新县E企盈小程序ixed和input获取焦点软键盘弹出影响定位的问题

场景描述, 当document的高度不够window的高度时候,如在ip6中文档的高度比窗体的高度小,到底设计在最下方的区域没有在窗体最下方,就留有空白地方如下图的灰色部分1、 解决初始化文档高度,让文档高度等于窗体高度,并fixed需要定位的区域在最下方(function bottonm(){if($(document).height()<$(window).height()){$('开通指纹锁小程序电话:4006-838-530.bottom_fix').css({'position':'fixed','bottom':'0px'});$(document).height($(window).height()+'px');}})();

2、解决输入框input获取焦点得时,虚拟键盘会把fixed元素顶上去(次现在在部分安卓上能发现)如下图$('#phone').bind('focus',funct开通公路车小程序电话:4006-838-530ion(){$('.bottom_fix').css('position','static');//或者$('#viewport').height($(window).height()+'px');}).bind('blur',function(){$('.bottom_fix').css({'position':'fixed','bottom':'0'});//或者$('#viewport').height('auto');});

参考:http://www.cnblogs.com/yexiaochai/p/3561939.html3、解决屏幕旋转也会出现以上问题$(document).bind('orientationchange',function(){if(window.orientation==9开通草帽小程序电话:4006-838-5300 || window.orientation==-90){$('.bottom_fix').css('position','static');}else{$('.bottom_fix').css({'position':'fixed','bottom':'0'});}});

小程序

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 移动端解决f奉新县E企盈小程序ixed和input获取焦点软键盘弹出影响定位的问题
分享到:更多 (0)

评论 抢沙发

模王系统开发

联系我们升级日志

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏