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

时间:2016-06-28 08:07:51

标签: javascript angularjs eclipse model-view-controller thymeleaf

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

我开始知道使用以下功能是可以实现的。但是我必须写它(必须在脚本文件或百万美元HTML页面的所有页面中写入?)以及如何在百万美元页面中使用。

如果我在脚本文件中编写,那么在百万美元的HTML页面中如何以及在何处使用该ID?

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

1 个答案:

答案 0 :(得分:0)

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

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

举个例子,这是提交页面的方法:

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

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

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