h5 中 軟鍵盤彈起遮住輸入框問題

判斷是ios還是安卓在body上寫上class類名,根據原生提供的方法判斷是ios還是安卓。上代碼:

if (window.YwkHybrid.os.android) {
  document.body.classList.add("android");
} else {
  document.body.classList.add("iOS");
}

然後在.ios中給fixed定位。上代碼

body.iOS {
  position: fixed;
  width: 100%;
}

這樣軟鍵盤彈起會撐起高度,從而將頁面往上頂,輸入框就會在軟鍵盤上方

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章