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

Question

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

<ui-view autoscroll="true" />

Answer 1

默认选项为真，也许有什么东西阻止自动滚动触发，我们需要更多代码。你也可以制作一个可以工作的自定义代码。像这样

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

Answer 2

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

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

有用的 UI-路由器参考（一些从参考的 SO Post 中收集）：

AngularJS ui view autoscroll not working