以底部需要保持置底為例:
Paste_Image.png
簡(jiǎn)單的表格說明:
H5頁面 | webview 中 | browser 中 |
---|---|---|
ios系統(tǒng) absolute | ok | ok |
ios系統(tǒng) fixed | X(1) | ok |
Android系統(tǒng) absolute | ok | X(2) |
Android系統(tǒng) fixed | ok | X (3) |
ok: 說明無論頁面內(nèi)容總高度是否超過屏幕的高度供炎,上下拉頁面匪补,或者鍵盤彈出時(shí),都沒問題
(1) 在webview中,上下拉頁面摹察,footer會(huì)跟著動(dòng),與原生效果不一致
(2)和 (3)Android中在browser中顯示使用absolute或者fixed,只要頁面內(nèi)容總高度大于屏幕高度脓杉,在鍵盤彈出時(shí)頁面會(huì)跟隨上移信粮,若小于屏幕高度,則不上移男旗,表單可能被鍵盤遮蓋舶斧,原因就是頁面總高度小于屏幕高度造成的,此時(shí)可手動(dòng)設(shè)置頁面最小為屏幕高度的100%