纯Javascript - 单击并滚动到Div内部div

Question

我有以下HTML,带滚动条:

<div id="parent">
      <div id="child1">Something</div>
      <div id="child2">Something</div>
      <div id="child3">Something</div>
      <div id="child4">Something</div>
      <div id="child5">Something</div>
      <div id="child6">Something</div>
      <div id="child7">Something</div>
      <div id="child8">Something</div>
      <div id="child9">Something</div>   
</div>

我的问题是:

我怎样才能在纯JavaScript中将div'父母'的滚动放在其中一个孩子身上？

Answer 1

您可以scrollIntoView像这样使用JavaScript 的功能:

document.getElementById('child9').scrollIntoView()

在线尝试