Angular.js: Angular는 페이지의 특정 요소로 스크롤하는 방법을 제공해야 합니다.

네, 그러면 $location과 함께 사용해야 합니다. 지금처럼 해시도 지원하므로 $location.hash()가 변경될 때마다 해당 항목으로 스크롤해야 합니다...

이것은 이미 구현되었습니다. $location이 html5 모드에서 작동하는 경우 $ href="#anchor" 링크를 생성하십시오.

죄송하지만 html5 모드가 아니면 어떻게 합니까? 참조를 위해 이 두 파일을 참조하십시오.
http://jsfiddle.net/gabrielstuff/SdGnR/ 라우터를 사용하고 앵커 링크를 끊습니다.
그리고 이것
http://jsfiddle.net/gabrielstuff/nYxFg/ 라우터를 사용하지 않고 동일한 페이지를 따라 이동할 수 있습니다.

또한 HTML5로 시도하지 않은 것은별로 도움이되지 않았습니다 (그러나 이것은 다른 티켓입니다)

나도 같은 문제를 안고있어. html5 모드가 아닙니다. 이것은 해시뱅 모드에서 어떻게 작동할까요?

나는이 행동이 매우 예상치 못한 것에 동의합니다. 누군가가 HTML5 모드를 사용하지 않더라도 Angular는 앵커와 함께 해시를 사용할 때 예상되는 동작을 중단해서는 안 됩니다.

내가 이해하는 것처럼 Angular는 어쨌든 명시적 해시가 있는 링크를 무시해야 합니다. HTML5를 사용하지 않는 경우 <a href="/something"... 링크는 자동으로 /#/something 로 다시 작성됩니다( _self 대상으로 하지 않는 한). 따라서 <a href="#something" 는 틀림없이 항상 /#something 로 가야 합니다.

+1

그렇게 하려면 anchorScroll 을 사용해야 한다고 생각합니다.

@IgorMinar 가 궁금합니다. 이 문제가 수정될지 여부에 대한 의견을 얻을 수 있습니까? 완전히 지원되지 않는 구식 브라우저를 기반으로 할 필요는 없다고 주장할 수도 있지만 앵커 링크가 history API를 지원하지 않는 브라우저에서 작동해야 하는지 여부에 대한 명확한 답변이 있다고 생각합니다.

그래도 문제가 있습니다. #/route1에 있으면 #/route1#anchor에 있기가 어렵습니다. 여기에 언급된 해킹(http://www.benlesh.com/2013/02/angular-js-scrolling-to-element-by-id.html)은 괜찮아 보이지만 이것이 "그냥 작동"한다면 이상적일 것입니다. 어쨌든 $anchorScroll 해킹이 해결책이라면 누군가가 문서를 업데이트하여 이전 브라우저에서 이 문제를 해결하는 방법을 반영할 수 있다고 말하는 것이 좋습니다.

여기에 ( http://stackoverflow.com/a/15935517/2071612 ) 훌륭한 솔루션이 있습니다.

BTW, $location.hash() 독립적인 스크롤 지원을 추가하기 위해 PR(#9596)을 제출했습니다.