在Angular应用程序中初始加载时滚动容器

Question

我有一个容器，只要添加一个新项目，它就会将其scrollTop动画到底部。标记看起来像这样：

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

这在添加新项目时效果很好，但在初始页面加载时，容器会滚动到顶部。我想弄清楚在初始页面加载时将scrollTop设置为底部的正确方法。

示例jsFiddle：http://jsfiddle.net/bkad/JnwCP/

Answer 1

诀窍是在填充数据时添加一些延迟：）

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

的 Demo

Answer 2

我最终使用scrollGlue将其作为指令实现。