title: react-custom-scrollbars dynamic content scroll
body: <p>I have been using <a href="https://github.com/malte-wessel/react-custom-scrollbars" rel="nofollow noreferrer">react-custom-scrollbars</a> for custom scrolling in my app, there comes a point, the data would be dynamic and scroll should go to bottom or recent data added.</p>
  
  <p>simple react-custom-scrollbar looks like below:</p>
  
  <pre><code>import { Scrollbars } from 'react-custom-scrollbars';
  
  class App extends Component {
    render() {
      return (
        &lt;Scrollbars style={{ width: 500, height: 300 }}&gt;
          &lt;p&gt;Some great content...&lt;/p&gt;
        &lt;/Scrollbars&gt;
      );
    }
  }
  </code></pre>
  
  <p>above code works fine, In my case the content <code>&lt;p&gt;Some great content...&lt;/p&gt;</code> is dynamic.</p>
  
  <p>tried adding dynamic data and done with it, the real problem occurred in scroll. The scroll should go to an element added recently, and it worked but it stopped working the native scroll functionality after that.</p>
  
  <p>You can see the entire code <a href="https://stackblitz.com/edit/react-mnvpyc" rel="nofollow noreferrer">here</a> </p>
  
  <p>updated a gif of issue: <a href="https://i.stack.imgur.com/ED00b.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ED00b.gif" alt="enter image description here"></a></p>
  
  <p>Any help on this really appreciated.</p>