解決思路:監(jiān)聽當(dāng)前窗口大小變化苔可,當(dāng)鍵盤彈出時(shí)必峰,窗體變小究抓,此時(shí)隱藏該div
代碼:
var windowInnerHeight = window.innerHeight;//獲取當(dāng)前瀏覽器窗口高度
//當(dāng)前窗口變化時(shí)跪另,發(fā)生resize()方法
$(window).resize(function(){
? ? if(window.innerHeight < windowInnerHeight){
? ? ? ? $('.foot').hide();
? ? }else{
? ? ? ? $('.foot').show();
? ? }
});
測試軟件倔约,發(fā)現(xiàn)當(dāng)軟鍵盤彈出時(shí)候啥刻,用fixed定位在底部的導(dǎo)航欄會(huì)隨著鍵盤一起向上移動(dòng)奸鸯。
因?yàn)槭堑谝淮握綄戫撁妫杂龅絾栴}習(xí)慣性百度可帽。第一次修改府喳,當(dāng)input框獲取焦點(diǎn),鍵盤彈出蘑拯,隱藏該div钝满;input失去焦點(diǎn)兜粘,顯示該div。因?yàn)槲伊?xí)慣在內(nèi)容輸入完直接隱藏鍵盤弯蚜,此時(shí)就發(fā)現(xiàn)了問題孔轴。隱藏了鍵盤但是input還沒有失去焦點(diǎn),所以該div還是隱藏狀態(tài)碎捺。
繼續(xù)網(wǎng)上找答案路鹰,在簡書上看到了如上的解決方案。
至此問題解決收厨。