등록일 : ,
scrollTop 메서드를 사용해서 화면 스크롤 하기
아주 간단하게 화면을 스크롤 시키는 방법입니다.
아래 버튼을 눌러보세요 ^^
- 버튼을 누르는 순간 바로 페이지 맨 위로 이동합니다.
- 스르륵 이동하는 효과는 없습니다.
HTML
<button type="button" onclick="goTop()">맨 위로 ↑</button>
자바스크립트
function goTop(){
$('html').scrollTop(0);
// scrollTop 메서드에 0 을 넣어서 실행하면 끝 !!
// 간혹 이 소스가 동작하지 않는다면
// $('html, body') 로 해보세요~
}
순수 자바스크립트로 해보기
제이쿼리 없이 해보기
HTML
<button type="button" onclick="goTop()">맨 위로 ↑</button>
자바스크립트
function goTop(){
document.documentElement.scrollTop = 0;
}
방문해 주셔서 감사드립니다 !!