웹퍼블/웹 기능만들기

페이지 맨 위로 이동하기

위로가기 버튼을 클릭하였을때 스크롤이 맨위로 올라기는 기능입니다.

 

버튼(class=".up")을 클릭하면 e.preventDefault()로 링크 이동을 막고,

scrollTop을 이용하여 값을 0으로 이동합니다.

(scrollTop는 세로 스크롤바를 의미합니다.)

 

현재 스크롤 위치는 $("html,body").scrollTop();를 이용해 알 수 있습니다..

 

$(function(){
	$('.up').on('click',function(e){
		e.preventDefault();
		$('html,body').animate({scrollTop:0},1000);
	});
});

 

 

 


개인 공부용으로 만들었습니다. 
다른 분들에게도 도움이 되었으면 좋겠습니다. 
틀린 부분이 있으면 댓글을 남겨주시면 수정하겠습니다.

맨위로가기.zip
다운로드