JavaScript - モバイル Web ページの入力ボックスを下部に固定するにはどうすればよいですか?
仅有的幸福
仅有的幸福 2017-06-24 09:43:57
0
5
1036

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

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

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

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

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

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

仅有的幸福
仅有的幸福

全員に返信(5)
阿神

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

いいねを押す +0
刘奇

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

いいねを押す +0
漂亮男人

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

いいねを押す +0
漂亮男人

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

いいねを押す +0
洪涛

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

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