解決安卓平臺下,input標簽遮擋問題

在單頁面情況下,安卓平臺下會產生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,從而產生可以拖動的效果

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,820評論 25 708
  • 發現 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,180評論 4 61
  • 這一款可以說是小清新可愛了 屬于方領+木耳邊設計 露出鎖骨 美美噠 棉質面料 摸上去hin有手感喲 刺繡小花設計 ...
    溫柔沫閱讀 353評論 0 2
  • 寫作靈感來源于《我們大人可以從小孩子身上學到什么》 我們經常會把“幼稚”這個詞語用在小孩子身上,如果某個成年人做出...
    十三等于一閱讀 1,247評論 0 0
  • 情商低且只用眼睛談戀愛的,都不靠譜。 這幾天,朋友圈被一個可怕的新聞刷屏。一個創業有成的程序員,受前妻逼迫威脅,前...
    繁星滿天fx閱讀 2,238評論 4 6