如何在Angular中让链接片段也滚动到页面顶部

Question

我有一个单页的应用程序与Angular，我有一个问题与我的链接片段:

<a href="/#/search">Search</a>

点击这里将我带到正确的页面，但保持我的滚动位置。我想让它滚动到页面的顶部，所以我目前的解决方案是:

<a href="" ng-click="goToSearch()">Search</a>

在控制器内部:

$scope.goToSearch = function() {
    $location.path("/search");
    window.scrollTo(0,0);
}

是否有更直接的方法来做到这一点?我有4-5的这些链接，必须把一个功能类似于goToSearch在多个控制器。

Answer 1

如果你正在使用AngularUI Router，你需要将ui-view元素的autoscroll属性设置为false。

<div ui-view="myview" autoscroll="false"></div>

来源:http://angular-ui.github.io/ui-router/site//api/ui.router.state.directive:用户界面视图

Answer 2

也许这可以帮助http://www.doodlekit.com/blog/entry/55645/auto-scroll-down-links-internal-anchors#toplink

假设你要链接的视图也有一个链接