2017-07-20 21 views
2

モバイルキーボードのすぐ上に要素を配置しようとしています。すなわち、ページの絶対的な/固定された位置にあるが、キーボードによって押し上げられる(またはキーボードの同じ高さまで押し上げられる)。モバイルキーボード上の位置要素

通常、これは望ましい動作とは逆の動作で、ボトムエレメントを維持するために多くの人が戦うことがあります。私は前にそれらの同じ戦いと戦って覚えているように感じる...

しかし、今私はそれが移動したい、それはありません。 (もちろん!)

私の注目しているのはSafariですが、クロスブラウザが好きです。

iOSの古いバージョンはキーボードが開かれたときに、より良くなったり悪くなったりしたと思われます。window.innerHeightしかし、それはもはや事実ではありません。これは、私が見たいものが見えない理由を説明するかもしれません...

私は運がない、いろいろな位置の親要素で遊んできました。

これも可能ですか?または、キーボードがビューポートから完全に切り離されていますか?

答えて

2

これはできません。キーボードは、自分のエンティティであるか、またはあなたが言ったように、ビューポートから切り離されているように見えます。

0

キーボードに要素を正確に固定することはできませんが、しかし、JavaScriptを使用し、キーボードと同じ高さの固定要素を生成するクラスを追加することができるかもしれないことをお勧めします。

キーボードのサイズはここで見つけることができます:提案のための What is the height of iPhone's onscreen keyboard?

+0

感謝を。それは問題のある高さを得るための方法があれば、合理的な解決策になるかもしれません。私は、iOSのバージョン、デバイスのサイズ、向き、カスタム拡張機能(ギフト・ツールバーのような)などのバリエーションがあればそれは無駄だと思う。私が何とかそれを釘付けにしたり、幸せな媒体を見つけたとしても、Androidには希望はありません。私はそこに高さthoを得る方法がないと思います。もしあれば、それはおそらくこの問題がキーボードやドームで始まるのを防ぐようなやり方でキーボードとドームを提案するでしょう。 – Chase

関連する問題