jQuery 애니메이션 효과를 사용하는 예 애니메이션 및 스크롤Top together_jquery

CSS 속성 값은 점진적으로 변경되어 애니메이션 효과를 만들 수 있습니다.
숫자 값만 애니메이션화할 수 있습니다(예: "여백:30px").
문자열 값은 애니메이션화할 수 없습니다(예: "배경색:빨간색").

코드 복사 코드는 다음과 같습니다.

$('#shang').click(function( ){$ ('html,body').animate({scrollTop: '0px'}, 800);});

위 코드는 스크롤 막대가 0 위치로 이동하고 페이지가 이동속도는 800이다.
scrollTop을 결합한 실제 예:

코드 복사 코드는 다음과 같습니다.

jQuery (문서) .ready(function($){
$('#shang').click(function(){
$('html,body').animate({scrollTop: '0px'}, 800);
});
$('#comt').click(function(){
$('html,body').animate({scrollTop:$('#comments') .offset( ).top}, 800);
});
$('#xia').click(function(){
$('html,body').animate({scrollTop :$( '#footer').offset().top}, 800);
});
});

해당 ID를 클릭하면 지정된 위치로 이동한다는 의미입니다.
클릭 ID는 shang 요소입니다.
ID가 comt인 요소를 클릭하고 ID 주석이 있는 위치로 돌아갑니다.
ID가 xia인 요소를 클릭하면 맨 아래로 돌아갑니다. >