0

md-virtual-repeat-containerの中に「ページの先頭にスクロール」ボタンを追加しようとしています。私は現在、$ anchorScrollを使用しています。私はテーブルの頭にハッシュを設定しました(私は繰り返しコンテナの内側と外側にハッシュを設定しようとしました)、そしてmd-virtual-repeatはtrを繰り返すように設定されています。ボタンをクリックすると、テーブルは1つの項目を上にスクロールして停止しますが、上にスクロールしません。何か案は?md-virtual-repeatの先頭にスクロール

ブラウザには、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> 

答えて

1

md-top-index(詳細はhereを参照)を使用できます。コントローラでは

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

:HTMLで

はこれを試してみてください

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

コードhereを。

このヘルプが必要です。

+0

あなたの岩!ありがとう、あまりにも他のものや間隔mdトップインデックスに巻き込まれてしまった。再度、感謝します! – TBankston

関連する問題