1. 程式人生 > >第4篇:ui-router 切換路由後頁面不回到頂部的解決辦法

第4篇:ui-router 切換路由後頁面不回到頂部的解決辦法

在使用ui-router中用$state.go切換路由後,子頁面不會回到頂部而是停留在上一個子頁面對應的位置,若使用在ui-view使用autoscroll="true"的屬性,當路由頂部有導航時並不能回到頂部,可以使用run配置監控路由變化:

app.run(['$rootScope', '$state', function ($rootScope, $state){
     $rootScope.$on('$stateChangeSuccess',
        	function(event, unfoundState, fromState, fromParams){
            		document.body.scrollTop = document.documentElement.scrollTop = 0;
        	}
      );
}]);