在做項(xiàng)目的過程中發(fā)現(xiàn)當(dāng)input框失去焦點(diǎn)的時候鍵盤收起頁面會留空白,iOS上有這個問題灭贷,Android正常削茁,上網(wǎng)搜索大多數(shù)寫的都是當(dāng)失去焦點(diǎn)時頁面滾回頂部,歷盡萬難找到了解決辦法(前端小白菜)粟害,這里記錄一下:
1. 首先判斷一下機(jī)型是Android還是iOS
2. 在iOS里監(jiān)測input框輸入失去焦點(diǎn)時 滾動高度
//聲明滾動變量
var topNum = 0;
$(window).scroll(function(){
? ? topNum = $(window).scrollTop();
? ? // console.log(topNum);
});
var u = navigator.userAgent;
if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {//安卓手機(jī)
? ? console.log("安卓手機(jī)");
} else if (u.indexOf('iPhone') > -1) {//蘋果手機(jī)
? ? //ios鍵盤收不回去
? ? console.log("蘋果手機(jī)");
? ? $("input").on('blur',function(){window.scroll(0,topNum);})
} else if (u.indexOf('Windows Phone') > -1) {//winphone手機(jī)
? console.log("winphone手機(jī)");
}