jQuery 한줄 팁

스크롤 : 화면 제일 위로 이동 하기

전체 폼요소 요소찾기 코드팁 움직임
등록일 :

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;
}