AngularJS에서 페이지 맨 위로 스크롤하는 방법은 무엇입니까?

AngularJS에서 페이지 맨 위로 스크롤하는 방법은 무엇입니까?

---

angularjs를 사용하여 ajax 호출 응답을받은 후 페이지 상단으로 스크롤하고 싶습니다. 기본적으로 페이지 상단에 경고 메시지를 표시하고 있으며 ajax 응답이 수신되면 경고 메시지에 초점을 맞추고 싶습니다.

감사

---

당신이 사용할 수있는

$window.scrollTo(x, y);

여기서는 x가로 축을 y따라있는 픽셀이고은 세로 축을 따라있는 픽셀입니다.

1. 맨위로 스크롤

   $window.scrollTo(0, 0);
   

2. 요소에 집중

   $window.scrollTo(0, angular.element('put here your element').offsetTop);   
   

Example

업데이트 :

또한 사용할 수 있습니다 $anchorScroll

Example

---

사용할 수 있습니다 $anchorScroll.

$anchorScroll종속성으로 주입 $anchorScroll()하고 맨 위로 스크롤하고 싶을 때마다 호출하십시오 .

---

이상적으로 우리는 해당되는대로 컨트롤러 또는 지침에서 수행해야합니다. 사용 $anchorScroll, $location의존성 주입.

그런 다음이 두 메서드를 다음과 같이 호출합니다.

$location.hash('scrollToDivID');
$anchorScroll();

여기 scrollToDivID에 스크롤하려는 ID가 있습니다.

오류 메시지 div로 이동하고 싶다고 가정합니다.

<div id='scrollToDivID'>Your Error Message</div>

자세한 내용은이 문서 를 참조하십시오.

---

다음을 사용하여 순수 JavaScript를 사용하여이 상황을 처리 할 수도 있습니다.

window.scrollTo(x-coord, y-coord);

---

사용하다: $anchorScroll();

와 $anchorScroll부동산

참고 URL : https://stackoverflow.com/questions/28871434/how-to-scroll-to-top-of-the-page-in-angularjs