jquery 맨 위, 맨 아래 스크롤 애니메이션 버튼 만들기

javascript 나 div ID 값을 주고 이동시키는 방법도 있지만 간단하게 제이쿼리를 이용한 방법

 

맨위로 가는 애니메이션 버튼 만들기

 

<div id="top"> 맨 위로 </div>

<script>

jQuery(function ($){

    $("#top").on("click", function() {

        $("html, body").animate({scrollTop:0}, '500'); //숫자는 속도

        return false;

    });

});

</script>

 

 

맨 아래로 가는 애니메이션 버튼 만들기

 

<div id="bottom"> 맨 아래로 </div>

<script>

jQuery(function ($){

    $("#bottom").on("click", function() {

        $("html, body").animate({scrollTop:document.body.scrollHeight}, '500'); //숫자는 속도

        return false;

    });

});

</script>