[jQuery] offset() 위치값 알아내기

페이지내 링크중 불특정 div로 이동하고 싶을때, div 위치값이 궁금해서 jQuery에 그런게 있었던거 같아서 찾았다.

역시 ㅋㅋㅋㅋㅋ

offset()

바로 사용예제

<div id='divId'>jQuery offset()</div>

<script type='text/javascript'>

    var val = $('#divId').offset();

    $('body,html').animate({scrollTop:val.top},300);

</script>

해당 ID의 div의 top 위치값을 알아낸 후, animate() 를 이용해서 그 위치로 이동하는 소스다.

상위로 부드럽게 가는 사용예제

<a class='gotop'>Top</a>

<script type='text/javascript'>

    $('.gotop').css('cursor','pointer').click(function() {

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

    });

</script>

페이지 내부에서 부드럽게 상위로 이동하는 소스!