Scrolle nach oben von md-virtual-repeat

Question

Ich versuche, einen "scroll to top of page" -Button innerhalb eines md-virtual-repeat-containers hinzuzufügen. Ich verwende derzeit $ anchorScroll. Ich habe den Hash auf einen Tabellenkopf gesetzt (ich habe versucht, den Hash innerhalb und außerhalb des Wiederholungscontainers zu setzen) und der md-virtual-repeat ist so eingestellt, dass er die trs wiederholt. Wenn die Schaltfläche angeklickt wird, scrollt die Tabelle nur ein Element nach oben und stoppt, es scrollt nicht bis ganz nach oben. Irgendwelche Ideen?

Ich denke, es könnte sein, weil der Browser denkt, dass es nur ein TD nach oben scrollen muss, um den Hash zu erreichen, weil das ist, was im DOM gezeigt wird, aber in Wirklichkeit muss es mehr scrollen.

Vielen Dank im Voraus!

<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

können Sie verwenden md-top-index (mehr here lesen).

Versuchen Sie folgendes:

In html:

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

In Controller:

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

-Code here.

Hoffe diese Hilfe.