携帯電話のソフトキーボードがページの内容をカバーする方法を解決します

529 ワード

html 5ページinput入力ボックスをクリックしてAndroid携帯電話のキーボードをポップアップすると背景が浮かび上がり、ソフトキーボードがポップアップするとheightが変わり、height:100%になり、元の高さに達しません.ページレイアウトが乱れて、解決方法:オリジナルjs:
window.onload=function(e){
    var _body=document.getElementsByTagName('body')[0];
    _body.style.height=_body.clientHeight+"px";
}

jQuery:
$(document).ready(function () {
   $('body').height($('body')[0].clientHeight);
});


原理:bodyに一定の高さを加え、bodyの中にサブエレメントのレイアウトが変化したら、変更エレメントに100%の高さを加える.