問題の説明:あなたは、キーボードアンドリュースをプルアップすると、ページH5、ページを絞るだろうが歪みを低減するレイアウト。
iOSのキーボードを引き上げた後、下に空白があり、(あなたが忘れてしまった場合は、無画像の一例であってもバーの場合)
アンドリュース:
ページの高さまでのAndroidキーボードプルレイアウトの同様の割合を占めるようになる、そのページを使用することができる深刻な変形をもたらす、圧縮されたときに、ページの高さが変化し、表示または非表示にする次の内容
1つの 関数は、アンドロイドは、(){ 2 // アンドリュースキーボードはバウンスページの圧縮を適応 3。 U = CONST navigator.userAgent; 4 LET =すなわち、この; 5 IF(u.indexOf( "アンドロイド")> -1 || u.indexOf (の"Linux")> -1 ){ 6。 // アンドリュース電話 7 // 元の高さのビューを取得 8。 LET screenHeight = document.body.offsetHeight; 9 // ウィンドウのサイズ変更イベントのバインディングで 10 window.onresize = 関数(){ 11 LET nowHeight = document.body.offsetHeight; 12のIS もし(nowHeight < screenHeight){ 13 that.display = "表示:なし" 。 14 } 他{ 15 that.display = "" ; 16 } 17 }。 18 } 19 }
iOSの:
iOSの空白のページキーボードは(個人的な理解)本鎖ポップアップした後、iOSのは、(私は実際に、私は密かに背の高い、変更されていないと思います)空白に、弾性ストレッチを持っているので、
1つの 関数 scrollTopスプライト(){ // キーボードが初期位置の後に引き離される、ページせて 2 window.scroll(0、0 ); 3 }
上記、およびその他:H5は全ページです
PS:奇妙な互換性の多くは、長いユーザーが使用にはほとんど影響を持っているようとして、互換性のあるコンセプトを改ざんすることができ、他の方法にすることができます。