手機鍵盤彈起之后遮擋輸入框


輸入框被遮擋問題: 

安卓手機遇到后,解決方案:(基於Vue 項目)

1 window.addEventListener('resize', () => { 2       //延遲出現是因為有些 Android 手機鍵盤出現的比較慢
3       window.setTimeout(() => { 4         this.$refs.replayInp.scrollIntoViewIfNeeded(); 5       }, 100); 6     });
scrollIntoViewIfNeeded: 用來將不在瀏覽器窗口的可見區域內的元素滾動到瀏覽器窗口的可見區域。 如果該元素已經在瀏覽器窗口的可見區域內,則不會發生滾動。 Element.scrollIntoView() 點擊查看

IOS手機遇到后得解決方案:

onFocusInput(){
      setTimeout(function(){
        document.body.scrollTop = document.body.scrollHeight;  //獲取高度並給頁面一個滾動值
      },300);
    },

  


免責聲明!

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



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