在單頁面情況下,安卓平臺下會產(chǎn)生input標(biāo)簽遮擋的問題,這里提供一種解決方案,最后的效果是類似ios一樣把整個頁面網(wǎng)上移,使用戶可以通過拖動來瀏覽網(wǎng)頁,當(dāng)收起鍵盤,頁面恢復(fù)原狀。
css部分:
body{
width:100%;
height:100%;
overflow:scroll;
}
.container{
width: 100%;
height: (這里隨意,需要用js設(shè)定);
position: absolute;
top: 0;
}
js部分:
var winHeight = document.documentElement.clientHeight;
$('.container').css('height',winHeight+'px');
alert(winHeight+'-'+$('body').height())
不能直接設(shè)置container高度為100%,因為當(dāng)鍵盤出現(xiàn)時,他的高度會跟隨body的高度被鍵盤壓縮,當(dāng)用js設(shè)定container的高度后,body被壓縮時,container的高度會溢出body,從而產(chǎn)生可以拖動的效果