본문 바로가기
html · js · jquery · css

animate()를 이용한 버튼 클릭시 자연스럽게 맨 위로 스크롤하기

by 빡스웹 2022. 3. 26.
반응형

태그는 button으로 예시를 들겠습니다.

저는 form 전송 태그가 아닌 이상 보통은 type에 button을 선언해줍니다!

다른 태그에 적용하시는 분들은 onClick만 가져다가 사용하세요!

<button type="button" onClick="topScroll();">▲<button>

<script>
function topScroll(){
	$("html, body").animate({ scrollTop:0 }, 300);
	//300은 스크롤하는데 걸리는 시간입니다. 작업자가 원하는 시간으로 수정해주시면 됩니다.
	//300 = 0.3초이며 스크립트에서는 1000을 1초로 계산합니다.
}
</script>
반응형

댓글