解决移动端文本框被原生键盘弹出后挡住文本框

来源:互联网 发布:网络音响系统布线图 编辑:程序博客网 时间:2024/06/14 00:42

记一次,解决移动端文本框弹出键盘遮挡输入框的方法:

document.activeElement.scrollIntoViewIfNeeded();

方法用来将不在浏览器窗口的可见区域内的元素滚动到浏览器窗口的可见区域。 如果该元素已经在浏览器窗口的可见区域内,则不会发生滚动。 

使用方法:

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

input.scrollIntoViewIfNeeded();

等同于input.scrollIntoViewIfNeeded(true);

  • 如果为true,则元素将在其所在滚动区的可视区域中居中对齐。
  • 如果为false,则元素将与其所在滚动区的可视区域最近的边缘对齐。 根据可见区域最靠近元素的哪个边缘,元素的顶部将与可见区域的顶部边缘对准,或者元素的底部边缘将与可见区域的底部边缘对准。

阅读全文
0 0
原创粉丝点击