Anglejsを使用してajax呼び出し応答を取得した後、ページの上部にスクロールしたいです。基本的に、ページの上部にアラートメッセージを表示しているので、ajax応答を受信したときにアラートメッセージに焦点を合わせたいと思います。
ありがとう
使用できます
$window.scrollTo(x, y);
ここで、x
は水平軸に沿ったピクセルで、y
は垂直軸に沿ったピクセルです。
トップへスクロール
$window.scrollTo(0, 0);
要素に焦点を当てる
$window.scrollTo(0, angular.element('put here your element').offsetTop);
更新:
$anchorScroll
を使用することもできます
$anchorScroll
を使用できます。
依存関係として$anchorScroll
を挿入し、一番上までスクロールしたいときはいつでも$anchorScroll()
を呼び出します。
理想的には、該当するコントローラーまたはディレクティブのいずれかから実行する必要があります。依存性注入として$anchorScroll
、$location
を使用します。
次に、この2つのメソッドを次のように呼び出します。
$location.hash('scrollToDivID');
$anchorScroll();
ここで、scrollToDivID
はスクロールするIDです。
次のようにエラーメッセージdivに移動するとします。
<div id='scrollToDivID'>Your Error Message</div>
詳細については、こちらをご覧ください documentation
以下を使用して、純粋なJavaScriptを使用してこの状況に対処することもできます。
window.scrollTo(x-coord, y-coord);