キーボードのビューポートをリサイズしないiphone safari

Question

キーボードがポップアップすると、モバイルサファリはwindow.innerHeightを更新しません。

Apple documentation used to say before they edited itがwindow.innerHeightが戻ってiOSの10と

になると述べている（9.3.5で、少なくとも、とiOS 8.2で破ったコメントことわざと thisのようないくつかの答えは、あります）

iOS 10では、WKWebViewオブジェクトは、キーボードが表示されているときにwindow.innerHeightプロパティを更新してSafariのネイティブ動作に一致し、resizeイベントを呼び出さない。

iphone safariを扱うには、サイズ変更する代わりに、ウェブサイトをビューから押し出すだけで何をすべきか知る必要があります。

---

私は絶対配置をすべて使用し、ヘッダーとフッターの間にオーバーフローのあるdivを持っています。

.mainContent { 
    position: absolute; 
    top: 50px; 
    bottom: 28px; 
    left: 0; 
    right: 0; 
} 

ここでは、 Android上で期待どおりに動作し

スクリーンショット、：iphoneで期待どおり

が機能していない：

this answerに基づいて

私はネイティブJSの方法を持っていますiphoneキーボードが開いているかどうかを判断する、

document.getElementById('chat-input').addEventListener('focus', function(){ 
     if(/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream){ 
     console.log("IOS focus"); 
     var scroll = window.scrollTop; 
     window.scrollTop = 10; 
     var keyboard_shown = window.scrollTop > 0; 
     window.scrollTop = scroll; 

     if(keyboard_shown){ 
      console.log("keyboard"); 
     }else{ 
      console.log("no keyboard"); 
     } 
     } 
    }); 
    })(); 

window.innerHeightは変更されないため、実際には問題は解決しないため、キーボードの大きさはわかりません。私はちょうどwindow.innerHeightプロパティを更新しないiOSの10のSafariとWKWebView iphone解像度のリストを作成し、そのキーボードの高さ、そしてちょうどひどいハードコーディングする人で...

Answer 1

Safari 10 Docs

ができキーボードが表示されているとき。 iOSの以前のバージョンでは、キーボードが表示されているときにWKWebViewがwindow.innerHeightプロパティを更新します。

あなたはスクリーンショットを提供することができますドキュメントは今OP