2017-12-31 212 views
-1

안녕하세요 저는 몇 개의 링크 버튼이있는 간단한 탐색 모음을 만들려고합니다. 단추를 클릭하면 오른쪽 구성 요소로 스크롤됩니다. 내가 jquery ScrollTo()를 사용하여 그것을 할 수 있지만 각도와 함께 내가 1 페이지에서 모든 HTML이 없어 알아. 그것은 각도로 작동하게 할 수 있습니까?각도를 사용하여 클릭하면 구성 요소로 스크롤

이 바이올린은 내가 찾고 결과를 설명 : 당신은 window.location.hash을 사용할 수 있습니다

$(document).ready(function() { 
    $('a[rel="relativeanchor"]').click(function(){ 
     $('html, body').animate({ 
      scrollTop: $($.attr(this, 'href')).offset().top 
     }, 500); 
     return false; 
    }); 
}); 

http://jsfiddle.net/francescov/4DcNH/

+1

어떻게 HTML에없는 요소로 스크롤 하시겠습니까? 아니면 하나의 HTML 파일을 의미합니까? 구성 요소가 DOM에 있습니까? – Laker

+0

글쎄, 내가 생각하기에 병이 @Output()과 @Input() 데코레이터를 사용하여 작동하도록해야한다 ... 당신의 질문은 나를 깨닫게했다. – KLTR

답변

1

. 이렇게. 버튼을 클릭하면

<my-component id='myComponent'></my-component> 

것은, 그것은 이동됩니다

goTo(location: string): void { 
    window.location.hash = location; 
} 

그런 다음이 당신을 탐색 할 구성 요소는 다음과 같습니다

<button (click)="goTo('myComponent')"></button> 

은 구성 요소의 goTo 기능입니다 구성 요소 인 "myComponent"라는 ID를 가진 요소로 이동합니다.

+0

그것이 작동한다. 애니메이션을 추가 할 방법이 있습니까? – KLTR