移動鍵盤上方的位置元素

我試圖在移動鍵盤上方直接放置元素。即：絕對/固定在頁面底部的位置，但是被鍵盤向上推（或推高鍵盤的等效高度）。移動鍵盤上方的位置元素

通常情況下，這是所期望的相反的行爲，而且會有很多人爲了保持底層元素而戰鬥。我覺得我還記得在之前戰鬥過那些同樣的戰鬥......

但是現在我想讓它移動，事實並非如此。（當然！）

我現在的重點是iOS Safari，但更喜歡跨瀏覽器。

似乎老版本的iOS在鍵盤打開的時候改變了window.innerHeight，無論好壞。但事實不是這樣。這可能可以解釋爲什麼我沒有看到我期望看到的東西...

我一直在玩各種定位的父元素，沒有運氣。

這甚至可能嗎？或者鍵盤現在完全脫離了視口？

來源

2017-07-20 Chase

這是不可能的。鍵盤看起來像是它自己的實體，或者正如你所說的，從視口中分離出來。

來源

2017-07-20 03:33:04

儘管無法將元素完全固定到鍵盤上。但是，我可能會建議您可以使用JavaScript並添加一個類，該類將固定元素的高度與鍵盤一致。

鍵盤的尺寸可以在這裏找到： What is the height of iPhone's onscreen keyboard?

來源

2017-07-20 03:52:12

感謝您的建議。這可能是一個合理的解決方案，如果有某種方式來問題得到高度（與JS？）。我認爲iOS版本，設備大小，方向以及自定義擴展（例如giphy工具欄）的變化使其成爲不可行的選擇。即使我以某種方式確定了一切，或者找到了一個快樂的媒體，Android也沒有希望。我猜測沒有辦法獲得身高。如果有的話，那可能會提示鍵盤和dom以這種方式進行交互，以防止此問題以:( – Chase

移動鍵盤上方的位置元素

回答

相關問題