javascript - html添加元素后如何将视图定位到该元素？

Question

1.点击按钮，触发事件，使用jquery添加一个input标签到html页面中。但是当前视图会回到页面最上方。此时如果想要输入，需要把html滚轮滑动到下面，才能输入字符。有没有办法能把当前视图中心定位到刚添加的元素上。
2.
3.
4.试过focus方法，但是只能把输入焦点定位过去，视图还是定位不过去。

Answer 1

有以下解决方案：

1. 给新增的input元素设置id,然后重定向页面到url+id

2. 获得该元素的在页面中的位置，然后重置scrollTop到该元素距顶部的距离

Answer 2

原生元素有个scrollIntoView()方法，可以直接把元素滚动到可见区域顶部。
注意这个方法是原生元素上的，所以input要用DOM 元素对象。