jquery 페이지 상/하단으로 부드럽게 이동

상단




<a href="#top"> Top </a>

 

<script type="text/javascript">

   $(document).ready(function() {

      $('a[href=#top]').click(function(){

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

         return false;

      });

   });

</script>







요건 하단으로 스무스~~~

$('html, body').animate({ scrollTop: $(document).height()},800);

요건 특정 아이디로 스무스~~이동

<div id="target"></div>
 
<a href="#target" class="scroll">Scroll to target</a>
 
<script>
jQuery(document).ready(function($) {
 
        $(".scroll").click(function(event){            
                event.preventDefault();
                $('html,body').animate({scrollTop:$(this.hash).offset().top}, 500);
        });
});
</script>