jQuery 한줄 팁

스크롤 : 화면 제일 위로 부드럽게 이동 하기

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

animate 메서드에 scrollTop 사용해서 부드럽게 스크롤 하기

아주 간단하게 화면을 스크롤 시키는 방법입니다.
아래 버튼을 눌러보세요 ^^

- 버튼을 누르면 화면 제일 위로 부드럽게 스크롤됩니다.

HTML

<button type="button" onclick="$('html').animate({scrollTop : 0})">맨 위로</button>
<button type="button" onclick="$('html').animate({scrollTop : 0}, 100)">맨 위로 (더 빠르게)</button>
<button type="button" onclick="$('html').animate({scrollTop : 0}, 1000)">맨 위로 (좀 느리게)</button>

간단 설명

$('html').animate( { scrollTop : 0 } ) - 기본 애니메이션 시간을 이용한 스크롤
$('html').animate( { scrollTop : 0 }, 100 ) - 0.1초 동안 스크롤
$('html').animate( { scrollTop : 0 }, 1000 ) - 1초 동안 스크롤

방문해 주셔서 감사드립니다 !!