1

我正在使用帶有百里香葉的MVC體系結構中的angularjs。當提交頁面或自動刷新頁面時,我想自動將頁面推到頂部。如何在頁面提交時自動滾動頁面的頂部

我開始知道使用下面的函數是可以實現的。但是我到底需要寫些什麼(必須寫腳本文件或百里香HTML頁面的每一頁?)以及如何在百里香葉網頁中使用。

如果我寫腳本文件,然後如何以及在thymeleaf HTML頁面中使用該ID的位置?

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

回答

0

調查$anchorScroll我認爲它會提供你正在尋找的東西。

它可以滾動到一個名爲輸入或$的location.hash()

作爲例子的最新值,這裏將是你的方法提交頁面:

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

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

另一個例子是使用$ location.hash(),如果你已經在你的控制器的其他地方設置了它。然後你可以直接調用$ anchorScroll()而不需要參數。

+0

是啊,究竟在找什麼。當我使用它時,沒有自動滾動效果。可以幫助我如何使用或在何處放置此功能,以便它可以在我的Web應用程序的所有頁面上工作。 –