앵커가 새 페이지에로드되지 않습니다.

Question

내 웹 사이트에 두 부분으로 구성된 탐색이 포함되어 있으므로 두 지점 모두 기본 사이트에 앵커가 배치됩니다. 그 사이트에는 하위 사이트로 연결되는 다른 링크가 추가되었습니다. 이제는 원래 배치 된 메인 사이트로 돌아갈 때 앵커를로드하는 하위 사이트에서만 동일한 탐색 지점을 얻는 데 어려움을 겪습니다. 인터넷에서 여러 가지 방법을 시도했지만 그 중 아무 것도 작동하지 않는 것 같았습니다.

또한 인터넷에서 발견 된 일부 jquery로 부드러운 스크롤을 추가하고 기본 줄을 방지하려고 시도했습니다.

이것은 내 사이트 http://stefangloeggl.com이며 첫 번째 사진 중 하나를 클릭하면 하위 사이트에 도달 할 수 있습니다.

내 마크 업은 다음과 유사합니다.

<a href="index.php#work">Work</a> 
<a href="index.php#about">About</a> 

<div name="work" id="work"> 
Work 
</div> 

<div name="about" id="about"> 
Biography 
</div> 

정말 도움이됩니다.

Answer 1

페이지에 아주 이상한 구조가 있습니다. 페이지 마크 업은 몸체 높이/너비가 100 % 인 것으로 보이고 앵커는 다른 쪽 내부에 있습니다. 최상의 솔루션은 깨끗한 마크 업을 처음부터 만드는 것입니다.

신속하지만 더러운 해결책은 window.location.hash 문서 준비를 확인한 다음 부드러운 스크롤을 활성화하는 것입니다. 이처럼

:

$(document).ready(function(){ 
if (window.location.hash.length>1) { 
    $('html, body').animate({ 
     scrollTop: $(window.location.hash).offset().top 
    }); 
} 
});