在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);

演示

Answer 2

我最終使用了scrollGlue ， 它將其作為指令實現。