EmberJS: Scroll to last item added in div

I have an ember app which consist of a div with fixed height and overflow-y: scroll.

Whenever I add an object a new div is added to the main div:

<div class="main-container">
<div class="added-item"></div>
<div class="added-item"></div>
  ...
</div>

As the list grows longer I would like to scroll to the last item after my Ember app has created a new record.

How would I go about doing that?