jquery를 이용한 페이지의 위치를 올려주는 top 버튼

웹페이지를 만들다가 생각이 나서 인터넷을 돌아다니며 만들어 봤습니다.

페이지 오른쪽 하단에 탑버튼이 위치하며 눌렀을 시 맨 위로 스크롤 하게 됩니다.

 

 

<script>
  $(document).ready(function()
    {
        var speed = 700; // 스크롤되는 속도
        $("#top_move").css("cursor", "pointer").click(function()
        {
            $('body, html').animate({scrollTop:0}, speed);
        });
       
        $(window).scroll(function() {  //탑 메뉴 보이고 사라지게 하기

        if($(this).scrollTop() > 50) {

         $('.move').fadeIn();

        } else {

         $('.move').fadeOut();

        }

       });
       
    });
</script>

 

 

<div class="move" style="position:fixed;display:none;bottom:0;padding-right:10px;padding-bottom:5px;"><span id="top_move" style="float:right;">top</span></div>