title: Javascript scrollIntoView only in immediate parent
body: <p>How do I make <code>scrollIntoView</code> only scroll the immediate parent (e.g. <code>div</code> with <code>overflow-y: scroll;</code>) and not the whole page?</p>
  
  <p>I have a web interface I'm making for an internal, very-specific purpose. Among other elements on my page is a <code>div</code> with a specified height and <code>overflow-y</code> is <code>scroll</code>.</p>
  
  <p>I have data which will periodically appear in this area and I want it to always be scrolled to the bottom (e.g. the console output of a subprocess on some remote server).</p>
  
  <p>If I use <code>scrollIntoView</code>, it scrolls the <code>overflow-y</code> <code>div</code>..... but also scrolls the whole page.</p>
  
  <p>On a computer with a large monitor, this isn't an issue, but on my laptop with a smaller screen it also scrolls the whole window, which is definitely <em>not</em> the intended/desired behavior.</p>