更改路线不会在新页面中滚动到顶部
当路线改变时，我发现了一些不受欢迎的行为，至少对我来说是这样。在本教程的第11步中http://angular.github.io/angular-phonecat/step-11/app/#/phones你可以看到电话列表。如果你滚动到底部，点击最新的一个，你可以看到滚动不是在顶部，而是在中间。
我在我的一个应用程序中也发现了这一点，我想知道如何才能让它滚动到顶部。我可以很有礼貌地做这件事，但我认为应该有其他优雅的方式来做这件事，我不知道。
那么，当路线发生变化时，是否有一种优雅的方式可以滚动到顶部？
共有3个答案
这个代码对我来说非常有用。。我希望它也能为你带来好处。。您所要做的就是将$anchorScroll注入到您的run块中，并将侦听器函数应用到rootScope，就像我在下面的示例中所做的那样。。
angular.module('myAngularApp')
.run(function($rootScope, Auth, $state, $anchorScroll){
$rootScope.$on("$locationChangeSuccess", function(){
$anchorScroll();
});
以下是Angularjs模块的调用顺序：
app。config（）
在创建注入器并用于启动应用程序后执行RUN BLOCK get。。这意味着当您重定向到新路由视图时，run块中的侦听器调用
$anchorScroll（）
现在，您可以看到滚动条开始向顶部显示新的路由视图：）
只需运行此代码
$rootScope.$on("$routeChangeSuccess", function (event, currentRoute, previousRoute) {
window.scrollTo(0, 0);
});
问题在于，在加载新视图时，ngView会保留滚动位置。您可以指示$anchorScroll在视图更新后滚动视口（文档有点模糊，但此处滚动意味着滚动到新视图的顶部）。
解决方案是向ngView元素添加autoscroll=“true”：
<div class="ng-view" autoscroll="true"></div>
-
问题内容： 我有一个问题，我不知道如何解决。在我的react组件中，我在底部显示一长串数据和少量链接。单击任何此链接后，我将在列表中添加新的链接集合，并需要滚动到顶部。 问题是- 呈现新集合 后 如何滚动到顶部？ 问题答案： 由于原始解决方案是为 react的 早期版本提供的，因此这里进行了更新：
-
我想将我的导航从透明背景更改为白色背景。导航应该缩小，徽标应该消失。 它应该与此页面上的完全相同：https://www.praxis-loeber.de 我已经为它编写了jQuery代码，但不幸的是，它仍然不起作用。 如果有人能告诉我错误在我的代码中，我会非常高兴。 这是我的代码：
-
在我的Angular 2应用程序中，当我向下滚动一个页面并点击页面底部的链接时，它会改变路径并带我进入下一个页面，但它不会滚动到页面顶部。因此，如果第一页很长，而第二页的内容很少，就会给人一种第二页缺少内容的印象。因为只有当用户滚动到页面顶部时,内容才可见。 我可以在组件的ngInit中滚动窗口到页面顶部但是，有没有更好的解决方案可以自动处理我的应用程序中的所有路线？
-
我有一个问题，我没有办法解决。在react组件中，我在底部显示了一长串数据和几个链接。在点击任何一个链接后，我用新的链接集合填写列表，并需要滚动到顶部。 问题是-呈现新集合后如何滚动到顶部？
-
我在使用react路由器导航时遇到滚动问题。 当我导航到另一个组件时，它会保持上次导航时的滚动位置。然而，我希望它恢复和开始从顶部每当导航被改变。 然而，它不起作用。我有一种感觉，问题在于我的导航风格，而不是window.scrollTo（）片段。
-
问题内容： 使用Python和Selenium时，我在滚动到网页顶部时遇到问题。 当页面由于某种原因加载时，您将被带到页面底部（这是固定的）。但是，当我尝试滚动到顶部时，它不起作用。 我尝试了以下方法： 和 我也尝试过找到该元素，然后滚动到它： 向下滚动到元素时，上面的scrollIntoView（）代码适用。但是，它无法向上滚动。 我已经尝试过运行Chrome驱动程序和PhantomJs。 有什