SR Office

ブログ
2013年7月23日

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





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

まずhtml側で

<div id="top"></div>

<button class="btn" ng-click="jumpTo('top')" type="button">先頭へ</button>

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

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

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