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

移动端解决fixed和input获取焦点软键盘弹出影响定位的问题

E企盈直播平台营销卖货系统

场景描述, 当document的高度不够window的高度时候,如在ip6中文档的高度比窗体的高度小,到底设计在最下方的区域没有在窗体最下方,就留有空白地方如下图的灰色部分1、 解决初始化文档高度,让文档高度等于窗体高度,并fixed需要定位的区域在最下方(function bottonm(){if($(document).height()<$(window).height()){$(‘.bottom_fix’).css({‘position’:’fixed’,’bottom’:’0px’});$(document).height($(window).height()+’px’);}})();2、解决输入框input获取焦点得时,虚拟键盘会把fixed元素顶上去(次现在在部分安卓上能发现)如下图$(‘#phone’).bind(‘focus’,function(){$(‘.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==90 || window.orientation==-90){$(‘.bottom_fix’).css(‘position’,’static’);}else{$(‘.bottom_fix’).css({‘position’:’fixed’,’bottom’:’0′});}});小程序

E企盈系统专业开发:万商直播系统开发,直播系统,直播平台系统源码,小程序直播,商城版小程序,分销小程序,小程序定制,微分销,微商,微信分销,微信分销商城,微信分销系统,微信分销管理,微信分销平台,微商代理系统,E企盈是专业的直播小,E企盈是专业的直播小程序,公众号分销系统,营销系统,社群私域流量卖货系统技术开发商,热线:4006-838-530
赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 移动端解决fixed和input获取焦点软键盘弹出影响定位的问题
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

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

支付宝扫一扫打赏

微信扫一扫打赏