AngularJS ui视图自动滚动不起作用答案

【问题标题】：AngularJS ui view autoscroll not workingAngularJS ui视图自动滚动不起作用
【发布时间】：2015-08-30 19:05:59
【问题描述】：

我正在使用 Angular 的 ui-router，但遇到一个问题，当我单击新视图时，页面不是从顶部开始，而是从它所在的位置开始。我在我的 ui 视图中将 autoscroll 设置为 true，就像其他人建议的那样，但它仍然无法正常工作。我不确定它不起作用的原因是什么。

<ui-view autoscroll="true" />

【问题讨论】：

【解决方案1】：

默认选项是 true，也许有什么东西阻止了自动滚动，我们需要更多代码。您也可以制作一个可以使用的自定义代码。像这样的

$scope.$on('$routeChangeSuccess', function () {
    window.scrollTo(0, 0);
});

【讨论】：

【解决方案2】：

正如您将在此看到的那样，其他 SO Post '$routeChangeSuccess' 将不起作用。您需要将代码更改为如下所示：

$scope.$on('$stateChangeSuccess', function () {
    window.scrollTo(0, 0);
});

有用的 UI-Router 参考资料（一些从提到的 SO 帖子中收集）：

【讨论】：