2017-02-07 13 views
0

해시 변경을 사용하여 콘텐츠가 표시되거나 숨겨진 사이트를 탐색합니다. 문제는 앵커 태그를 사용하여 페이지를 점프하고 싶습니다. 이렇게하면 사이트가 중단되고 초기 콘텐츠가 표시됩니다. 이 문제를 해결할 수없는 것 같습니다.앵커 태그 해싱 URL이있는 속보 URL

<a href="#anchor">Link to Anchor</a>을 사용하지 않고 앵커 태그로 연결되는 함수를 만드는 방법이 있습니까?

답변

0

당신은 스크롤 패치를 사용할 수 있습니다

$(".scroll-link").click(function(e){ 
    e.preventDefault(); 
    var url = $(this).attr('href'); 
    $("body,html").animate({scrollTop: $(url).scrollTop()}); 
}) 

을 그리고 당신이 hashchange을 사용하는 대신 스크롤하려는 링크에 .scroll-link를 추가합니다. 게다가 그것은 스크롤을 움직입니다.

+0

이것은 굉장한 것이므로 다른 어떤 것을 위해 사용 하겠지만, 더 자세히 설명해야합니다. 이 사이트는 기술적으로 하나의 페이지이지만 div가 숨겨져 있거나 표시되어 있습니다. 초기 페이지 상태의 링크는 숨겨진 섹션 내의 최근 기사 4 링크입니다. 따라서 Article 1에 대한 링크를 클릭하면 Article 1이 사는 지점에 숨겨진 섹션을 표시하고 싶습니다. 나는 다른 hashchange 상태를 만들고'scrollIntoView();'를 사용하여 기사로 건너 뛴다. 이 경우 실제로 애니메이션을 적용하고 싶지 않습니다. – AdamDallas

+0

사실, 이것을 사용한다면'e.preventDefault()'를 추가하여 링크가 끊어지는 것을 막아야합니다. – TricksfortheWeb