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으로 설정하십시오.