解决移动端键盘弹起时,布局错乱的问题

 

在安卓中,如果将元素设置为position:fixedabsolute,当键盘弹出时,会改变body的高度,所以一些定位的元素也会随之移动,导致页面错乱

ios的话,目前没有发现什么问题

目前我会的一种办法是一开始页面加载完成后,获取body的高度,在键盘弹起时,将这个高度重新赋予body;

通过resize来监听窗口的变化;

var Height = $('body').height();

$(window).resize(function () {

   $('body').height(Height);

});




posted @ 2021-09-28 10:04  lrw丶  阅读(469)  评论(0)    收藏  举报