title: javascript - scrollToView(false) not working
body: <p>I've try to make a div scroll to bottom on click:</p>
  <pre><code>export default function App() {
    const onClick = () =&gt; {
      console.log('onClick');
      const objDiv = document.getElementById('container');
      console.log('objDiv', objDiv);
      objDiv.scrollIntoView(false);
    };
  
    return (
      &lt;div onClick={onClick} id=&quot;container&quot;&gt;
        &lt;h1&gt;Hello World&lt;/h1&gt;
        &lt;h1&gt;Hello World&lt;/h1&gt;
        &lt;h1&gt;Hello World&lt;/h1&gt;
      &lt;/div&gt;
    );
  }
  
  </code></pre>
  <p><a href="https://i.stack.imgur.com/vPnhr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vPnhr.png" alt="enter image description here" /></a>
  I've searched the internet, and they said the most modern way to do it is with scrollIntoView().
  but it just won't working. I don't want to use jquery or any other thirdparty lib. just want native javascript way to do it.
  can someone help?</p>