经过一两个小时的尝试，ui-view autoscroll=true， $stateChangeStart， $locationChangeStart， $uiViewScrollProvider.useAnchorScroll()， $提供('$uiViewScroll'，…)，和许多其他的组合，我不能得到滚动到新页面顶部的工作预期。

这最终对我来说是有效的。它捕获pushState和replaceState，只在新页面被导航到时更新滚动位置(后退/前进按钮保留它们的滚动位置):

.run(function($anchorScroll, $window) {
  // hack to scroll to top when navigating to new URLS but not back/forward
  var wrap = function(method) {
    var orig = $window.window.history[method];
    $window.window.history[method] = function() {
      var retval = orig.apply(this, Array.prototype.slice.call(arguments));
      $anchorScroll();
      return retval;
    };
  };
  wrap('pushState');
  wrap('replaceState');
})

只需要运行这段代码

$rootScope.$on("$routeChangeSuccess", function (event, currentRoute, previousRoute) {

    window.scrollTo(0, 0);

});

这段代码对我来说很有用。我希望它也会为你工作。 你所要做的就是注入$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 ()

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

试试这个http://ionicframework.com/docs/api/service/$ionicScrollDelegate/

它会滚动到列表的顶部

问题是你的ngView在加载一个新视图时保持滚动位置。您可以指示$anchorScroll“在视图更新后滚动视图口”(文档有点模糊，但这里的滚动意味着滚动到新视图的顶部)。

解决方案是在你的ngView元素中添加autoscroll="true":

<div class="ng-view" autoscroll="true"></div>

我终于得到了我需要的东西。

我需要滚动到顶部，但不想让一些过渡

您可以在逐路由级别上控制这一点。 我通过@wkonkel组合了上述解决方案，并在一些路由声明中添加了一个简单的noScroll: true参数。然后我在转换的时候抓住了它。

总而言之:在新的转场时，它会浮动到页面的顶部，在前进/后退转场时它不会浮动到顶部，并且它允许您在必要时覆盖此行为。

代码:(之前的解决方案加上一个额外的noScroll选项)

  // hack to scroll to top when navigating to new URLS but not back/forward
  let wrap = function(method) {
    let orig = $window.window.history[method];
    $window.window.history[method] = function() {
      let retval = orig.apply(this, Array.prototype.slice.call(arguments));
      if($state.current && $state.current.noScroll) {
        return retval;
      }
      $anchorScroll();
      return retval;
    };
  };
  wrap('pushState');
  wrap('replaceState');

把它放到你的app.run块中并注入$state…myApp.run(函数(状态){…})

然后，如果你不想滚动到页面顶部，创建一个这样的路由:

.state('someState', {
  parent: 'someParent',
  url: 'someUrl',
  noScroll : true // Notice this parameter here!
})