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 中收集):
我正在使用 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 中收集):