如何滚动到加载的ui视图

时间:2013-09-30 11:21:03

标签: scroll angular-ui-router

我的页面内有一个ui-view。 单击某个按钮时,将加载ui-view并替换为某些HTML。 我希望页面向下滚动到页面的刚加载部分。

这可能吗? 提前致谢

2 个答案:

答案 0 :(得分:23)

ui-router模块已更新为默认情况下滚动到ui-view。您可以在autoscroll="false"上添加<div ui-view>属性以防止这种情况发生。默认设置为true,在状态更改时滚动到ui-view。

我认为应该是另一种方法,你必须将autoscroll设置为启用而不是禁用,但这是更新的ui-router的功能。

您可以阅读here

在链接的Github问题中,它表示默认值为autoscroll="expr",但我发现expr什么也没做,默认值是autoscroll="true"(这更有意义) 。

答案 1 :(得分:2)

在路线更改时,它将滚动到页面顶部。

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

将此代码放在您的控制器上。 (根据您的要求更改值)