JavaScript를 사용하여 웹 페이지 상단으로 스크롤하려면 어떻게 해야 합니까?-JS 튜토리얼-php.cn

JavaScript를 사용하여 웹 페이지 상단으로 스크롤하려면 어떻게 해야 합니까?

Susan Sarandon

풀어 주다： 2024-11-29 01:40:11

원래의

671명이 탐색했습니다.

How Can I Scroll to the Top of a Web Page Using JavaScript?

JavaScript를 사용하여 웹 페이지 상단으로 스크롤

JavaScript를 사용하여 웹 페이지 상단으로 이동하는 것은 일반적인 작업입니다. 특히 즉각적인 스크롤이 필요할 때. 이는 페이지에서 원하는 위치를 지정할 수 있는 내장 window.scrollTo() 메소드를 사용하여 쉽게 달성할 수 있습니다.

JavaScript 코드:

페이지 상단으로 즉시 스크롤하려면 다음을 사용하십시오. 코드:

window.scrollTo(0, 0);

로그인 후 복사

매개변수:

xCoord: 스크롤할 가로 좌표(픽셀 단위)입니다. 왼쪽 가장자리로 스크롤하려면 이 값을 0으로 설정합니다.
yCoord: 스크롤할 수직 좌표(픽셀 단위)입니다. 상단으로 스크롤하려면 이 값을 0으로 설정하세요.

xCoord와 yCoord에 모두 0을 전달하면 페이지 왼쪽 상단으로 즉시 스크롤할 수 있습니다.

사용 예:

<!DOCTYPE html>
<html>
<body>
<p>Scroll down this page and then click the button.</p>

<button onclick="window.scrollTo(0, 0)">Scroll to Top</button>
</body>
</html>

로그인 후 복사

버튼을 클릭하면 페이지가 즉시 이동합니다. 맨 위로 이동하세요.

참고: 애니메이션으로 부드러운 스크롤을 구현하려면 JavaScript 플러그인이나 프레임워크 사용을 고려하세요.

위 내용은 JavaScript를 사용하여 웹 페이지 상단으로 스크롤하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!