div 앵커로 스크롤 된 다른 페이지로 연결

Question

사이트의 다른 페이지에 대한 링크가 가능하지만 브라우저를 앵커 div로 스크롤 할 수 있습니까? 예를 들어 내 사이트의 콘텐츠 대부분이 홈페이지에 있으며 about, contact 등과 같은 섹션으로 나뉘어져 있습니다.

다른 하위 페이지에서이 div 중 하나에 링크 할 수 있기를 원합니다.

다음 코드는이 않지만, 링크 대상으로 같은 페이지에있는 경우에만 작동 :

<a href="#about" id="about-link">About</a> 

JS :

$("#about-link").click(function() { 
    $('html, body').animate({ 
    scrollTop: $(".wrapper_about").offset().top 
    }, 0); 
}); 

Answer 1

나는 b

<a href="#about" id="about-link">About</a> 

JS :

$("#about-link").click(function() { 
    $('html, body').animate({ 
    scrollTop: $(window.location.hash).offset().top // Target hash not div 
    }, 0); 
}); 

그것은 당신의 HREF 목표는 당신이 정박 할 요소의 ID와 일치해야 함을 유의해야 Y는이 방법을 적용.

Answer 2

귀하의 링크가 다른 사람을 포함한다 페이지의 파일 이름 (및 동일한 디렉토리에없는 경우 파일 경로) :

<a href="other_page.html#about" id="about-link">About</a>