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

AngularJS ui view autoscroll not working

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

<ui-view autoscroll="true" />

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

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

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

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

有用的 UI-路由器参考(一些从参考的 SO Post 中收集):