JavaScript - モバイル ページ モバイル キーボードが入力ボックスをブロックする
迷茫
迷茫 2017-06-22 11:53:59
0
4
1237

通常の状況

###質問###############

携帯電話
がアプリまたはウィンドウ を切り替え、その後このページに戻るたびに 初めての場合 キーボードは入力ボックスをブロックします (最初のクリック時のみ)。それをブロックしてください。

これは何が原因でしょうか?

その後、この時点ではページのスクロール バーが一番下までスクロールしていないことがわかったので、入力ボックスがフォーカスされているときにイベントを入力ボックスにバインドしました $('.input').on('フォーカス'、関数( ) { リーリー });しかし、ページのスクロール バーは依然として下までスクロールせず、入力ボックスはキーボードによってブロックされたままです。
リーリー

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全員に返信(4)
仅有的幸福

Android ブラウザは、ソフト キーボードがポップアップした後に iOS ブラウザのようにウィンドウの高さを再計算しません。そのため、ソフト キーボードがポップアップしたときの Android ブラウザ ウィンドウの高さは、「ソフト キーボードの高さ + (ウィンドウ - ソフト キーボードの高さ)"; 実際、現時点では、適切な高さはページの高さ + ソフト キーボード ポップアップの高さである必要があります。解決策は次のとおりです:

リーリー
いいねを押す +0
巴扎黑

これは下部の入力ボックスのスタイルに問題がありますか?上記の方法を試してください。
/a/11...

いいねを押す +0
刘奇

2階の正解は、実はブラウザの互換性の問題です

いいねを押す +0
世界只因有你

良い解決策はないようです

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート