title: div that scroll at the bottom in Angular2
body: <p>Sorry for the bad title, I really have no idea on how to write something that has sense in few words.</p>
  
  <p>the situation is like this:</p>
  
  <p><a href="https://i.stack.imgur.com/XY6QG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XY6QG.png" alt="enter image description here"></a></p>
  
  <p>The div that scroll has this css:</p>
  
  <pre><code>.element-list{
    width:100%;
    max-height: 180px;
    overflow-y: auto;
  }
  </code></pre>
  
  <p>the topBar has an <code>height</code> of <code>20px</code> and the main wrapper is of <code>200px</code>.</p>
  
  <p>Inside the div that scroll, in the html, there is something like this (that's useless to you, but just for letting you understand better) : </p>
  
  <pre><code>&lt;div class="something" *ngFor="let data of myData"&gt;
    &lt;div&gt;{{data.id}}&lt;/data&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This works fine, whenever I add something into <code>myData</code> is reflected into the ngFor so I see more and more <code>&lt;div&gt;{{data.id}}&lt;/data&gt;</code>.</p>
  
  <p>What I'm trying to achieve is to automatic scroll at the bottom whenever there are elements that trigger the <code>overflow-y: auto;</code>.</p>
  
  <p>What I mean is: Since I have few elements(let's say, for example, ten elements), the scroll-bar is hidden. but when the elements are more than ten, the scroll bar appears, but it doesn't go to the bottom.</p>
  
  <p>Like this:</p>
  
  <p><a href="https://i.stack.imgur.com/KoaCI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KoaCI.png" alt="enter image description here"></a></p>
  
  <p>As you can see there are more element. What I want, is that the div will auto-scroll to the bottom. So whenevener something is added it will always be like this: </p>
  
  <p><a href="https://i.stack.imgur.com/wcaVi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wcaVi.png" alt="enter image description here"></a></p>
  
  <p>Is there a way to do it in Angular or by scss/css?</p>