ページが送信されたときにページの先頭を自動的にスクロールする方法

Question

thymeleafを使用してMVCアーキテクチャのangularjsで作業しています。私は、ページが提出されたとき、またはページが自動的にリフレッシュされるときに、自分のページを自動的に先頭にプッシュしたい。

私は、以下の機能を使用して達成可能であることを知りました。しかし、どこで私はそれを書く必要があるのですか（スクリプトファイルやthymeleaf HTMLページのeverypagesを書かなければなりませんか？）、そしてthymeleafページでの使用方法はどこですか？

もし私がスクリプトファイルに書き込むと、HTMLページのidをどのように使用するのですか？

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

Answer 1

$anchorScrollをご覧ください。探しているものが提供されると思います。

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

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

別の例としては、なります

それは名前の入力または$のlocation.hash（）の例として

の最新の値にスクロールすることができ、ここでページを送信するためにあなたの方法になります$ location.hash（）をコントローラのどこか別の場所に設定していた場合は、$ location.hash（）を使用してください。次に、引数なしで直接$ anchorScroll（）を呼び出すことができます。