웹페이지의 특정 위치에 대한 링크를 어떻게 만들 수 있나요?

웹페이지의 특정 위치에 대한 링크를 어떻게 만들 수 있나요?

웹페이지의 특정 스크롤 위치에 대한 하이퍼링크를 만드는 것이 가능합니까? 예를 들어 다음 링크를 만들고 싶습니다.http://www.stackoverflow.com/, 그러나 페이지가 100픽셀 아래로 스크롤되었습니다.

답변1

다음을 사용하여 특정 위치로 스크롤할 수 있습니다.jQuery 스크롤투 플러그인. 그 내용을 살펴보시면데모 페이지를 사용하면 플러그인이 특정 위치로 스크롤하는 것을 포함하여 다양한 옵션을 사용할 수 있음을 알 수 있습니다. 하지만 이는 대상의 JavaScript를 제어해야 한다는 의미이므로 외부 사이트에 대한 링크에는 적합하지 않을 수 있습니다.

답변2

페이지 내 어딘가로 연결되는 바닐라 방식의 링크는 다음을 통해 이루어집니다.앵커 포인트페이지에 이미 존재합니다.

태그를 사용하여 만들 수 있습니다 <a>…</a>. 위의 "앵커 포인트"에 지정된 링크는 #h-12.2끝에 있습니다. 이는 <a id="h-12.2">12.2</a>페이지를 구성하는 HTML에 포함된 항목에 해당하며, 클릭하면 페이지 보기 위치가 이 앵커로 변경됩니다.

HTML5 이전에는 name속성이 앵커 태그에 사용되었지만 더 이상 지원되지 않으며 해당 id속성을 대신 사용해야 합니다(참조). 이는 또한 앵커 태그에 어떤 요소든 사용할 수 있으며 요소에 국한되지 않는다는 것을 의미합니다 <a>.

답변3

Paul의 답변과 유사하게 HTML 문서에서 태그 ID가 처음 나타나는 부분에 연결할 수도 있습니다. 하지만 이는 정확한 픽셀 수는 아닙니다.

예를 들어, 이 페이지의질문또는답변.

답변4

페이지의 특정 픽셀 위치에 연결하려면 "top:x left:y" 좌표를 사용하여 절대 위치가 지정되는 div 내에 앵커 태그를 배치하세요.

관련 정보