[자바스크립트] 스르르 넘어가게 해주는 제이쿼리 소스 (원하는위치로 ex:탑으로)

스르르 원하는 위치로 가게하는 제이쿼리 2가지 방법

[1번째 방법]

    
    

    Scroll to target

jQuery(document).ready(function($) {
        $(".scroll").click(function(event){            
                event.preventDefault();
                $('html,body').animate({scrollTop:$(this.hash).offset().top}, 500);
        });
});

[2번째 방법]

또다른 방법은 이동할 위치에다가 id값이나 클래스를 주고.. 

offset(); 함수로 해당 위치값을 알아낸다음 변수에 저장하고

제이쿼리 애니메이션 메소드를 이용해서 해당변수 값만큼 이동하면 된다.

    
jQuery offset()

    var val = $('#divId').offset();
    $('body,html').animate({scrollTop:val.top},300);