JavaScript - モバイル Web ページの入力ボックスを下部に固定するにはどうすればよいですか?

Question

上の図に示すように、ユーザーがホームページ上の入力ボックスをクリックすると、キーボードがポップアップし、場合によっては入力ボックスが部分的にブロックされることがあります(以下に示すように)

現在の処理方法は、入力ボックスがフォーカスを取得した後にリサイズ

を実行することです。 リーリー

これの目的は、ウィンドウ サイズをリセットし、もともと下部にフローティングされていた入力ボックスの位置を変更することです
しかし、効果はあまり良くなく、効果が得られることもあれば、失敗することもあります

この問題をより適切に処理するにはどのような方法を使用する必要がありますか?
また、キーボードがポップアップ表示されている間、ページをスクロールしても入力領域が下部に固定されたままになることがあります

入力ボックスの現在の配置方法は:position:fixed
スクリーンショット環境:ios WeChat

Answer 1

入力ボックス、フレックスを使用して下部に固定するには、スティッキーフッターにチェックを入れることができます

Answer 2

js を使用して計算することをお勧めします。window.innerHeight

Answer 3

http://www.cnblogs.com/cococe...
これを試してください

Answer 4

上記の人は正しいです。宣伝する人はこの属性を使用できます。これであなたの問題は解決できると思います

Answer 5

アドレス: http://www.haorooms.com/post/...
原則: iOS では固定を使用せず、代わりに絶対を使用してください。
終わり。