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() {...})将处理程序附加到此事件并在其中运行滚动代码。