제이쿼리 화면 스크롤 사용하기

제이쿼리로 화면 스크롤 내렸다 올렸다 적용하기.

$( 'html, body' ).stop().animate( { scrollTop : '-=550' }, 100 );  // 화면 위로 스크롤 하기, 뒤에 100은 속도. 

$( 'html, body' ).stop().animate( { scrollTop : '+=550' }, 100 );  // 화면 아래로 스크롤 하기, 0은 빠르고 

                                                                                        //숫자가 커질수록 느려짐. 화면 스크롤 속도.

$(document).ready(function(){

     $("#insert_btn1").click(function(){

 

          $( 'html, body' ).stop().animate( { scrollTop : '+=550' }, 100 );

     });

});

   <div>

     <input type='button' id='insert_btn1' value='클릭하세요'>

   </div>