Pure Javascript - Click and scroll to Div inside div

Question

I have the following HTML, with scrollbar:

<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>

My question is this:

How can I, in pure javascript, position the scroll of the div 'parent' in one of the childs?

Answer 1

You can use the scrollIntoView function of JavaScript like this:

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

Try it online