1. 程式人生 > >解決移動端文字框被原生鍵盤彈出後擋住文字框

解決移動端文字框被原生鍵盤彈出後擋住文字框

記一次,解決移動端文字框彈出鍵盤遮擋輸入框的方法:

document.activeElement.scrollIntoViewIfNeeded();

方法用來將不在瀏覽器視窗的可見區域內的元素滾動到瀏覽器視窗的可見區域。 如果該元素已經在瀏覽器視窗的可見區域內,則不會發生滾動。 

使用方法:

var input= document.getElementById("input");

input.scrollIntoViewIfNeeded();

等同於input.scrollIntoViewIfNeeded(true);

如果為true,則元素將在其所在滾動區的可視區域中居中對齊。
如果為false,則元素將與其所在滾動區的可視區域最近的邊緣對齊。 根據可見區域最靠近元素的哪個邊緣,元素的頂部將與可見區域的頂部邊緣對準,或者元素的底部邊緣將與可見區域的底部邊緣對準。