我的页面内有一个ui-view。 单击某个按钮时,将加载ui-view并替换为某些HTML。 我希望页面向下滚动到页面的刚加载部分。
这可能吗? 提前致谢
答案 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);
});
将此代码放在您的控制器上。 (根据您的要求更改值)