I have a container which animates its scrollTop to the bottom whenever a new item is added. The markup looks something like this:

```
<div class="scrolly">
    <div class="item" ng-repeat="item in items" ng-animate=" 'scroll-to-bottom' ">
        {{item.value}}
    </div>
</div>

```

This works great when adding new items, but on the initial page load, the container is scrolled to the top. I'd like to figure out the right way to have the scrollTop set to the bottom on initial page load.

Example jsFiddle: <http://jsfiddle.net/bkad/JnwCP/>