본문 바로가기

Study/jQuery

[jQuery] offset animate

화면을 부드럽게 이동하고 싶을때 적용해 봅시다.

 

다음기능을 구현하기 위해 필요로 하는 함수는 아래와 같습니다.

 

offset 함수 = Document 상에서 상대적인 좌표를 구함

animate 함수 = 애니메이션 효과

scrollTop 함수 = 스크롤을 이동시킴



 $("#element").click(function(){
     var offset = $("#element").offset();
     $('html,body').animate({scrollTop : offset.top}, 300);
 });

 

 

'Study > jQuery' 카테고리의 다른 글

[jQuery] css에서 px 빼고 값 가져오기  (0) 2015.11.12
[jQuery] input text, select disabled 처리  (1) 2014.08.26
[jQuery] 기초 hasClass()  (0) 2014.07.11
[jQuery] vgrid.js 플러그인  (0) 2014.07.09
[jQuery] id값 가져오기  (0) 2014.07.08