移動端,input輸入框被手機輸入法解決方案


當界面元素靠下時候的時候,input輸入框會被系統的鍵盤遮擋。

我們可以讓界面向上移動一定距離去避免遮擋。

  $('#money').click(function(){
      setTimeout(function(){  
          $(this).scrollIntoView(); // 參數可以是true, false, 空參數  
      }, 300);
  })

基於jquery寫的事件。

首先綁定觸發元素(input)框,scrollIntoView(alignWithTop)  屬性滾動瀏覽器窗口或容器元素,以便在當前視窗的可見范圍看見當前元素。

click事件觸發的時候,輸入框會向上移動,移動的范圍是界面可見的程度。后面參數是延時操作的時間。

單位是毫秒。


免責聲明!

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



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