JavaScript를 사용하여 웹 페이지 상단으로 스크롤하려면 어떻게 해야 합니까?
- Susan Sarandon원래의
- 2024-11-29 01:40:11672검색
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 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.