iOS 下鍵盤喚出後,fixed 元素失效

2021-07-28 13:45:40 字數 818 閱讀 4214

遮罩一般要充滿全屏,做好的辦法就是設定容器position: fixed;

但是如果遮罩上面的彈框需要輸入彈出鍵盤的話,這時fixed就失效了,比如這種情況:

鍵盤已經擋到了彈框,如果是fixed在底部的話,鍵盤喚起的時候,輸入框並不會如期的在鍵盤頂部,而是不知道跑哪去了。。。。

ios 下由於軟鍵盤喚出後,頁面 fixed 元素會失效,導致跟隨頁面一起滾動,那麼假如頁面不會過長出現滾動,那麼即便 fixed 元素失效,也無法跟隨頁面滾動,也就不會出現上面的問題了。

那麼按照這個思路,如果使 fixed 元素的父級不出現滾動,而將原 body 滾動的區域域移到 main 內部,而 header 和 footer 的樣式不變,**如下:

class="layout-scroll-fixed">

class="header">

div>

class="main">

class="content">

div>

div>

class="footer">

type="text"

placeholder="footer..."/>

class="submit">提交button>

div>

body>

.header

.footer

.main

.main

.content

style>這樣就搞定了!

Ubuntu下鍵盤輸入錯亂問題

裝完搜狗後,鍵盤開始出現混亂,切換到英文輸入法,輸入雙引號輸出的是 符號,輸入 號輸出的是未知語言的字元。網上有的說在 system keyboard input source 下看看是否是非英語系國家的鍵盤布局。我把chinese鍵盤刪了,單獨試過us,又試過uk的鍵盤布局,問題依舊。於是到 fc...

iOS iOS8模擬器下鍵盤不能彈出

從ios7模擬器換到ios 8模擬器後,鍵盤卻無法彈出,我的模擬器版本是ios 8.2 解決方法 開啟ios8模擬器,選擇hardware選單,選中keyboard,將其中的第二項connect hardware keyboard 選中狀態去掉 在此說明 蘋果公司在ios8後,在模擬器中,當判斷你使...

iOS鍵盤型別

1.uikeyboardtypedefault 預設的鍵盤,可輸入所有的字元 2.uikeyboardtypeasciicapable 可輸入ascii字元的鍵盤,和預設鍵盤相似 3.uikeyboardtypenumbersandpunctuation 可輸入數字和 等字元 4.uikeyboar...