blog Breton

아래와 같은 코드의 추가로 페이지 맨위로 가는 스크롤 탑 효과를 낼 수 있다.

$( 'html, body' ).animate( { scrollTop: 0 }, 0 );

부드러운 스크롤링 효과를 내고 싶을땐 slow를 추가해준다.

$( 'html, body' ).animate( { scrollTop: 0 }, 'slow' );

스크롤바가 상단에서 일정부분 떨어진 부분에서 멈추게 하고 싶을때

$( 'html, body' ).animate( { scrollTop: 원하는 px수치 }, 'slow' );

jquery에 적용할 전체 소스

$(document).ready(function() {

$('.backtotop').click(function(){

$('html, body').animate({scrollTop:0}, 'slow');

;});

;});

*thoth 나 xe, textyle의 경우 jquery가 기본으로 탑재되있어 두줄만 추가하면 되니 좋은듯