問題描述

大家好，最近被一個問題困惑，請大家?guī)兔獯鹣拢倚枰獙?shí)現(xiàn)的布局如下圖所示

我要實(shí)現(xiàn)的效果就是1.大屏幕上底部的按鈕相對于屏幕定位（bottom定位）2.在小屏幕上就是第二張圖的樣子，不能覆蓋內(nèi)容區(qū)域，可以允許出現(xiàn)滾動條3.當(dāng)內(nèi)容區(qū)域的輸入框獲取焦點(diǎn)，鍵盤彈起的時候，不把buttom給推起來(已經(jīng)試過安卓上absolute和fixed都會被推起來)

問題解答

1.這個布局不需要使用 fixed 或 absolute 用高度撐下去即可2.移動端有輸入框的頁面盡量避免使用 fixed 彈窗除外3.你可以在輸入框 focus 時隱藏按鈕 blur 時恢復(fù)顯示4.禁止 body 滾動 使用區(qū)域滾動 / iscroll

ios下使用fixed在鍵盤彈起會導(dǎo)致fixed失效