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() {...})將處理程序附加到此事件並在其中運行滾動代碼。