JavaScript를 사용하여 HTML 페이지의 특정 앵커로 스크롤하는 방법은 무엇입니까?

HTML 페이지의 특정 앵커로 스크롤

JavaScript는 HTML 페이지를 특정 앵커로 스크롤하는 편리한 방법을 제공합니다. 내에서 원활한 탐색 document.

문제:

버튼을 클릭하거나 특정 이벤트가 발생할 때 브라우저 페이지를 지정된 앵커로 스크롤하려고 합니다. 대상 앵커는 이름 속성 또는 ID 속성을 가질 수 있습니다.

답변:

다음 JavaScript 함수를 사용하면 이 기능을 구현할 수 있습니다.

function scrollTo(hash) {
    location.hash = "#" + hash;
}

구현:

이 기능을 사용하려면, 앵커의 이름이나 ID를 매개변수로 사용하여 호출하기만 하면 됩니다. 예를 들어, ID가 "myAnchor"인 앵커가 있는 경우 다음과 같이 함수를 호출합니다.

scrollTo("myAnchor");

이 기술은 다음과 같은 경우 location.hash 속성이 자동으로 업데이트된다는 점을 활용합니다. 브라우저가 앵커로 스크롤됩니다. location.hash를 원하는 앵커로 설정하면 브라우저가 해당 위치로 스크롤됩니다.

참고:

외부 라이브러리(예: jQuery)는 없습니다. 이 기능을 구현하는 데 필요합니다. 모든 주요 브라우저에서 기본적으로 작동합니다.

위 내용은 JavaScript를 사용하여 HTML 페이지의 특정 앵커로 스크롤하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!