角度 - autoscroll = "true"が機能しないときにスクロールする

Question

角度アプリの特定のページが読み込まれると、ページの上部に表示されません。

ng-viewでautoscroll="true"を使用しようとしましたが、これは機能しません。私はこれが上にあると信じているng-view私はいくつかの '複雑な'位置を持っているナビゲーションメニューがあります。

代わりに$window.scrollTo(0,0);を$routeChangeSuccessと一緒に使用しようとしていますが、全く動作しません。

何が間違っている可能性がありますか？

.run(['$rootScope', '$route', '$window', function($rootScope, $route, $window) { 
    $rootScope.$on('$routeChangeSuccess', function() { 
    $window.scrollTo(0,0); 
     //Some other stuff here relating to meta and title in head 
    }); 
}]) 

追加のコードを追加する - 私はその重要なのはngviewは自分の 'contentSection' の中に座っていることを言及する推測：

<contentSection id="theContentSection"> 
     <ng-view autoscroll="true"></ng-view> 
</contentSection> 

SOLUTION：

この使用して修正：angular.element('#theContentSection')[0].scrollTop = 0;

ありがとうございます。

Answer 1

あなたはこれを試してください。..

.run(function($rootScope, $state, $stateParams){ 
    $rootScope.$state = $state; 
    $rootScope.$stateParams = $stateParams; 
    $rootScope.$on('$stateChangeSuccess', function() { 
    document.body.scrollTop = document.documentElement.scrollTop = 0; 
    }); 
}) 

そうでない場合は、単にこの

<ui-view autoscroll="true" /> 

$rootScope.$on('$stateChangeSuccess', function() { 
    document.body.scrollTop = document.documentElement.scrollTop = 0; 
}); 

Answer 2

がviewContentLoadedイベントにしてみてください追加します。ドキュメント

$ viewContentLoadedあたりとして

- ビューがロードされるとDOMが

をレンダリングされた後、あなたはまださらにそれが

 $rootScope.$on('$viewContentLoaded', function(event) { 
     $timeout(function() {window.scrollTo(0,0)},1000); 
    }); 

を動作させるためにいくつかのタイムアウトを与える必要がありますが、解雇