title: Pure Javascript - Click and scroll to Div inside div
body: <p>I have the following HTML, with scrollbar:</p>
  
  <pre><code>&lt;div id="parent"&gt;
        &lt;div id="child1"&gt;Something&lt;/div&gt;
        &lt;div id="child2"&gt;Something&lt;/div&gt;
        &lt;div id="child3"&gt;Something&lt;/div&gt;
        &lt;div id="child4"&gt;Something&lt;/div&gt;
        &lt;div id="child5"&gt;Something&lt;/div&gt;
        &lt;div id="child6"&gt;Something&lt;/div&gt;
        &lt;div id="child7"&gt;Something&lt;/div&gt;
        &lt;div id="child8"&gt;Something&lt;/div&gt;
        &lt;div id="child9"&gt;Something&lt;/div&gt;   
  &lt;/div&gt;
  </code></pre>
  
  <p>My question is this:</p>
  
  <p>How can I, in pure javascript, position the scroll of the div 'parent' in one of the childs?</p>