javascript - 在 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，它把它作为一个指令来实现。