如何讓H5的輸入框自動頂到鍵盤之上

看圖先,看基本的效果如圖:

iOS

首先在安卓環(huán)境下,如果設置上圖紅線區(qū)域中的布局為絕度布局bottom:0,可使得它的所在區(qū)域是跟隨著鍵盤變動的,也就是說鍵盤彈出,輸入框就跟隨著彈到鍵盤之上,但是iOS系統(tǒng)下并未支持,那么如果非要支持呢?可以這么做:

1、首先讓中間區(qū)域的page_content的布局為flex:1;自動伸縮
2、鍵盤在 focus 的時候調用:

window.setTimeout(function() {
      e.$el[0].scrollIntoViewIfNeeded();
}, 200);
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 14,152評論 1 92
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,039評論 25 709
  • H5移動端知識點總結 閱讀目錄 移動開發(fā)基本知識點 calc基本用法 box-sizing的理解及使用 理解dis...
    Mx勇閱讀 4,829評論 0 26
  • Linux安全性模型 Linux使用User(用戶)和Group(群組)控制使用者對文件的存取權限 用戶使用賬號和...
    honehou閱讀 491評論 0 1
  • 我呼嘯而來 打碎你溫暖的夢 枝椏也渾身顫抖 飛雪死磕著緊裹的身影 別以為躲在車里就沒事 我把你機油深深地冷凍 點不...
    壟上行云閱讀 379評論 0 1

友情鏈接更多精彩內容