Перейти к началу страницы md-virtual-repeat

Question

Я пытаюсь добавить кнопку «прокрутка вверх» в контейнере md-virtual-repeat. В настоящее время я использую $ anchorScroll. Я установил хэш на стол (я попытался установить хэш внутри и снаружи контейнера повтора), и md-virtual-repeat настроен на повторение tr. Когда кнопка нажата, таблица только прокручивает один элемент и останавливается, она не прокручивается полностью до вершины. Есть идеи?

Я думаю, это может быть потому, что браузер считает, что нужно только прокручивать один тд для достижения хэша, потому что это то, что показано в DOM, но на самом деле ему нужно прокручивать больше.

Спасибо заранее!

<md-virtual-repeat-container flex> 
    <table> 
     <thead id='scrollHash'> 
     <tr><th></th><tr> 
     </thead> 
     <tbody> 
     <tr md-virtual-repeat='data in repeatData'> 
     <td></td> 
     </tbody> 
    </table> 
    </md-virtual-repeat-container> 
    <md-button class='md-fab' ng-click'$scope.gotoTop()'>Top</md-button> 

Answer 1

Вы можете использовать md-top-index (далее here).

Попробуйте это:

В HTML:

<md-virtual-repeat-container md-top-index="topIndex">...</md-virtual-repeat-container> 
<md-button class='md-fab' ng-click="gotoTop()">Top</md-button> 

В контроллере:

$scope.gotoTop = function() 
{ 
    $scope.topIndex = 0; 
} 

код here.

Надеюсь, что эта помощь.