首页 > html添加元素后如何将视图定位到该元素?

html添加元素后如何将视图定位到该元素?

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


有以下解决方案:

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

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


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

【热门文章】
【热门文章】