Angular 2 - scroll to bottom of a scroll (div overflow)
<p>I have the following template code:</p>

<pre><code>&lt;div style="overflow-y: scroll; height:500px"&gt;
Some content..

&lt;/div&gt;
</code></pre>

<p>If you ever been chatting on Facebook Messenger, you might have noticed the messages are scrolling automically to the bottom of the div, so the users can see the latest message. </p>

<p>I'm trying to achieve the same - I'm using angular to insert content to an array, and show a list of items. sometimes this list's height is getting too big.</p>

<p>How I can make the div scrolling to the bottom of the overflow-y with angular 2?</p>