携帯電話のソフトキーボードがページの内容をカバーする方法を解決します
529 ワード
html 5ページinput入力ボックスをクリックしてAndroid携帯電話のキーボードをポップアップすると背景が浮かび上がり、ソフトキーボードがポップアップするとheightが変わり、height:100%になり、元の高さに達しません.ページレイアウトが乱れて、解決方法:オリジナルjs:
jQuery:
原理:bodyに一定の高さを加え、bodyの中にサブエレメントのレイアウトが変化したら、変更エレメントに100%の高さを加える.
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%の高さを加える.