Angular1.6 $ anchorScroll、Offset

Question

$ anchorScroll、Offset、scrollX、scrollYを使用する方法を教えてくださいコンポーネントはAngularJS 1.6ですか？

Answer 1

これはofficial documentationによって与えられた例であること

https://docs.angularjs.org/api/ng/service/$anchorScroll

Answer 2

angular.module('anchorScrollExample', []) 
.controller('ScrollController', ['$scope', '$location', '$anchorScroll', 
    function($scope, $location, $anchorScroll) { 
    $scope.gotoBottom = function() { 
     // set the location.hash to the id of 
     // the element you wish to scroll to. 
     $location.hash('bottom'); 

     // call $anchorScroll() 
     $anchorScroll(); 
    }; 
    }]); 

ためAngularJSのドキュメントをお試しください。

コントローラに$anchorScrollサービスを注入します。 $anchorScroll()でサービスを呼び出すだけで、$locationハッシュを目的の位置のID（たとえば、スクロールしたい要素の開始位置）に設定し終えたら、サービスを使用することができます。

$locationサービスをコントローラに注入するのが不快な場合は、要素のIDを$anchorScroll('bottom')に直接渡すこともできます。

ページ上部（または線に沿ったもの）の上に固定のナビゲーションバーがある場合は、スクロール位置に追加するオフセットを指定する必要があります。そうしないと、スクロールが完了した時点でナビゲーションが要素をオーバーレイします。 $anchorScroll.yOffset = 100に設定してください。