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