問(wèn)題描述

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

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

問(wèn)題解答

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

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