Javascript 在角度应用程序中滚动初始加载的容器

我有一个容器，每当添加一个新项目时，它都会从上到下滚动动画。标记看起来像这样：

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

{{item.value}}

这在添加新项目时非常有效，但在初始页面加载时，容器会滚动到顶部。我想找出一种正确的方法，在初始页面加载时将scrollTop设置为底部

---

示例JSFIDLE:

技巧是在像这样填充数据时增加一些延迟：）

$timeout（函数（）{
对于（变量i=0；i<20；i++）
$scope.items.push({
价值：i
})
}, 10);

我最终使用了实现这一点的which作为指令

$timeout(function () {
    for (var i = 0; i < 20; i++)
    $scope.items.push({
        value: i
    })
}, 10);