輸入框被遮擋問題:
安卓手機遇到后,解決方案:(基於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); },