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

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

阅读 3.9k
2 个回答

有以下解决方案:

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题