移動端 mui框架中input輸入框或任何輸入框聚焦后頁面自動上移


一、mui框架中點擊input后,安卓手機彈出自帶的輸入鍵盤時,頁面自動上移

實現方法:

(1)只要把input標簽放在mui-content這個類里面就可以了

<div class="mui-content">
    <input .../>
</div>

注意:在有些情況下不適用,當把input標簽放入mui-scroll中就不行了,也就是說mui-content和mui-scroll同時存在時不適用

<div class="mui-content">
    <div class="mui-scroll-wrapper">
        <div class="mui-scroll">
      <input ... />    
     </div>
    </div>
</div>

(2)使用js方法進行解決,在body中添加

<body onresize="document.activeElement.scrollIntoView(true);">

注意:表單不能添加padding和margin樣式,不然回滾會反彈


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM