angularjs - Angular: トップ メニューを修正し、ページを切り替えても上にスクロールしない

Question

Angular に固定のトップ メニューがありますが、(アプリ内で) ページを切り替えようとすると、ブラウザー ウィンドウが上にスクロールしません。

コントローラーでこれを実行しようとしました (このコードは、アプリ内でページを切り替えるたびに読み込まれます)。

$('body').scroll();
window.scrollTo(0, 0);
$("html, body").animate({ scrollTop: 0 }, 100);

どれも機能していません。

私が見逃しているトリックはありますか？

私もこれを試しました：

$location.hash('#top');
// call $anchorScroll()
$anchorScroll();

しかし、成功せずに

Answer 1

まず、DOM イベントをアタッチしたり、コントローラーから DOM を変更したりしないでください。そのためにディレクティブを使用できます。

ご質問のとおり、AngularJS には「$routeChangeSuccess」というイベントがあります。このイベントにハンドラーをアタッチし$scope.$on('$routeChangeSuccess', function () {...})、内部でスクロール コードを実行できます。