SR Office

ブログ
2013年7月23日

Angularjsで画面をスクロールする

SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.all();久しぶりにAngularjsのTips。
Angularjsで任意の場所へスクロールを設定する方法。
ボタンが押下された場合、先頭に移動したりするときに使うと思う。

まずhtml側で

ジャンプ先を設定しておき、ng-clickのイベントで処理をする。
Controller側では

$scope.jumpTo = function (id) {
$location.hash(id);
$anchorScroll();
}

$location、$anchorScrollはモジュルをインジェクションする。
そうなんです、$anchorScrollを使えばスクロールできる。
今回、簡単そうに見えて悩みました。