jquery를 사용하여 주어진 div로 이동

Question

내 HTML에는 주어진 클래스로 div가 있습니다.

버튼을 클릭 한 후 해당 div의 맨 위에 위치를 설정하고 싶습니다. 그것은 매끄러운 방법으로 갈 수 있습니다. 어떻게하면됩니까? 도움

에 대한

감사

Answer 1

그래,이 체크 아웃 : http://jsfiddle.net/AlienWebguy/JU3xj/5/

을 기본적으로, 우리가 처음 scrollTo라는 작은 플러그인 작성 : 다음

jQuery.fn.extend({ 
    scrollTo : function(speed, easing) { 
     return this.each(function() { 
      var targetOffset = $(this).offset().top; 
      $('html,body').animate({scrollTop: targetOffset}, speed, easing); 
     }); 
    } 
}); 

을 해당 위치로 이동하기 위해 HTML을 받고 DOM에서 매우 간단합니다 :

$('div.whatever').scrollTo(300,'linear'); 

코드, 300은 지속 시간 - 스크롤이 발생하는 데 걸리는 시간입니다. 숫자가 클수록 속도가 느려집니다. 밀리 초 단위이므로 1000은 1 초가됩니다. linear은 여유입니다. 다른 유형의 여유 유형의 경우 JQueryUI을 포함하는 것이 좋습니다 (easing options 참조).

Answer 2

한 가지 방법은 AlienWebguy의 제안과 유사하게 작동하지만 추가 옵션이 유용하기 때문에 jQuery.ScrollTo plugin을 사용하는 것입니다.