这为我工作，包括自动滚动

<div class=“ngView”autoscroll=“true”>

这段代码对我来说很有用。我希望它也会为你工作。 你所要做的就是注入$anchorScroll到你的运行块，并将监听器函数应用到rootScope，就像我在下面的例子中所做的那样。

 angular.module('myAngularApp')
.run(function($rootScope, Auth, $state, $anchorScroll){
    $rootScope.$on("$locationChangeSuccess", function(){
        $anchorScroll();
    });

下面是Angularjs模块的调用顺序:

app.config () app.run () 指令的编译函数(如果它们在dom中找到) app.controller () 指令的链接函数(如果找到的话)

RUN BLOCK在注入器创建后执行，用于启动应用程序。这意味着当你重定向到新的路由视图时，运行块中的侦听器调用

$ anchorScroll ()

你现在可以看到滚动开始顶部与新的路由视图:)

使用angularjs的UI路由器，我所做的是:

    .state('myState', {
        url: '/myState',
        templateUrl: 'app/views/myState.html',
        onEnter: scrollContent
    })

:

var scrollContent = function() {
    // Your favorite scroll method here
};

它在任何页面上都不会失败，而且它不是全局的。

你可以使用这个javascript

$anchorScroll()

将自动滚动设置为true对我来说并没有什么用处，所以我选择了另一种解决方案。我构建了一个服务，每当路由发生变化时，它就会挂钩，并使用内置的$anchorScroll服务滚动到顶部。对我有用:-)。

服务:

 (function() {
    "use strict";

    angular
        .module("mymodule")
        .factory("pageSwitch", pageSwitch);

    pageSwitch.$inject = ["$rootScope", "$anchorScroll"];

    function pageSwitch($rootScope, $anchorScroll) {
        var registerListener = _.once(function() {
            $rootScope.$on("$locationChangeSuccess", scrollToTop);
        });

        return {
            registerListener: registerListener
        };

        function scrollToTop() {
            $anchorScroll();
        }
    }
}());

注册:

angular.module("mymodule").run(["pageSwitch", function (pageSwitch) {
    pageSwitch.registerListener();
}]);

以上所有答案都打破了预期的浏览器行为。大多数人想要的是，如果这是一个“新”页面，它会滚动到顶部，但如果你通过后退(或前进)按钮到达那里，它会返回到之前的位置。

如果你采用HTML5模式，这将变得很简单(尽管我相信一些聪明的人能够想出如何让它变得更优雅!):

// Called when browser back/forward used
window.onpopstate = function() { 
    $timeout.cancel(doc_scrolling); 
};

// Called after ui-router changes state (but sadly before onpopstate)
$scope.$on('$stateChangeSuccess', function() {
    doc_scrolling = $timeout( scroll_top, 50 );

// Moves entire browser window to top
scroll_top = function() {
    document.body.scrollTop = document.documentElement.scrollTop = 0;
}

它的工作方式是，路由器假设它要滚动到顶部，但会延迟一点，让浏览器有机会完成。如果浏览器随后通知我们更改是由于后退/前进导航，它将取消超时，并且滚动永远不会发生。

我使用原始文档命令来滚动，因为我想移动到窗口的整个顶部。如果你只是想让你的ui视图滚动，那么设置autoscroll="my_var"，你可以使用上面的技术控制my_var。但我认为大多数人会想滚动整个页面，如果你去“新的”页面。

上面使用的是ui-router，不过你也可以使用ng-route，把$routeChangeSuccess换成$stateChangeSuccess。