移动端页面软键盘把输入框顶没了，怎么解决？

Question

移动端的一个问题：点击图一出来图二，图一图二都有滚动条，点击图二的input后效果如图三，input被顶上去，并且不可向下滑，这个怎么解决

Answer 1

Element.scrollIntoViewIfNeeded(opt_center)

如果设置为 true,并且当前元素在视窗的可见范围内不可见，元素将尽量滚动到父元素可视区域的中部位置（垂直方向）
如果设置为 false,并且当前元素在视窗的可见范围内不可见，元素将尽量滚动到父元素可视区域距离最近的一边，
至于到底滚动到父元素的顶部还是底部，取决于滚动的子元素距离父元素的哪一边比较近。