現(xiàn)象描述:
ios平臺(tái),app內(nèi)嵌h5章蚣,當(dāng)軟鍵盤彈出再收起時(shí)站欺,頁面布局是錯(cuò)亂的。直接表現(xiàn)是當(dāng)點(diǎn)擊其他元素時(shí)纤垂,卻導(dǎo)致了某個(gè)文本框聚焦矾策。
解決方案:文本框focus(聚焦)時(shí)軟鍵盤彈出,blur(失焦)時(shí)軟鍵盤收起峭沦〖炙洌可監(jiān)聽文本框失焦得知軟鍵盤收起,在文本框失焦時(shí)將頁面滾動(dòng)距離置為0吼鱼,即可解決這一問題:
onblur () {
// 失焦后的處理蓬豁,避免ios上由于軟鍵盤彈出收起導(dǎo)致的頁面布局錯(cuò)亂問題
document.body.scrollTop = document.documentElement.scrollTop = 0
}