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

Question

我有一个容器，每当添加新项目时，它就会将其滚动顶部动画到底部。标记看起来像这样:

<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