提交页面时如何自动滚动页面顶部

【问题标题】：how to scroll top of the page automatically when page is submitted提交页面时如何自动滚动页面顶部
【发布时间】：2016-06-28 08:07:50
【问题描述】：

我正在使用 thymeleaf 在 MVC 架构中使用 angularjs。我想在页面提交或页面自动刷新时自动将我的页面推到顶部。

我知道使用以下功能是可以实现的。但是我到底要在哪里写（必须写在脚本文件或百里香 HTML 页面的每一页？）以及如何在百里香页面中使用。

如果我写在脚本文件中，那么如何以及在哪里使用 thymeleaf HTML 页面中的 id？

$window.scrollTo(0, angular.element('put here your element').offsetTop);

【问题讨论】：

【解决方案1】：

查看$anchorScroll 我认为它会提供您正在寻找的东西。

它可以滚动到命名输入或 $location.hash() 的最新值

例如，以下是您提交页面的方法：

submitForm() {
  doStuff(); // Shortening what you would do for submitting;

  this._$anchorScroll('#named-element-id');
}

另一个例子是使用 $location.hash() 如果你在控制器的其他地方设置了它。然后你可以直接调用 $anchorScroll() 而不带参数。

【讨论】：