移動鍵盤上方的位置元素
[英]Position element above mobile keyboard
問題描述
我正在嘗試將元素直接放置在移動鍵盤上方。 即：絕對位置/固定到頁面底部，但被鍵盤向上推（或向上推鍵盤的等效高度）。
通常這是與所期望的相反的行為，並且會有很多人為保持底部元素而奮斗。 我覺得我記得以前打過同樣的戰斗......
但現在我想讓它移動，它不是。 （當然！）
我現在的重點是 iOS Safari，但更喜歡跨瀏覽器。
似乎舊版本的 iOS 在鍵盤打開時更改了window.innerHeight ，無論好壞。 但情況已不再如此。 這可以解釋為什么我沒有看到我期望看到的......
我一直在玩各種定位的父元素，但沒有運氣。
這甚至可能嗎？ 還是鍵盤現在完全脫離了視口？
3 個解決方案
解決方案1
2 2017-07-20 03:33:04
這不可能。 鍵盤似乎是它自己的實體，或者如您所說，與視口分離。
解決方案2
1 2017-07-20 03:52:12
盡管您無法將元素完全固定到鍵盤上，但我建議您可以使用 JavaScript 並添加一個類，將固定元素提升到與鍵盤相同的高度。
可以在此處找到鍵盤尺寸： iPhone 屏幕鍵盤的高度是多少？
解決方案3
0 2022-07-02 17:07:44
現在可以使用VisualViewport API 來監聽視口變化並讀取它的值。 實際上，它不會立即發送事件，因此體驗可能會滯后。
在元素內部使元素的位置粘在其他粘性元素之上
[英]Make element inside element with position sticky above other sticky elements
無法輸入內部輸入元素，因為平板電腦鍵盤位於其上方（HTML）
[英]Can not type inside input element because tablet Keyboard is above it (HTML)
移動鍵盤向上移動位於底部的 html 元素 - 如何將底部的 html 元素隱藏在移動鍵盤下方？
[英]Mobile keyboard moves up an html element that is at the bottom - how to keep the bottom html element hidden below the mobile keyboard?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.