jQueryアニメーション効果アニメイトとscrollTopを組み合わせた使用例

CSS属性値は徐々に変化し、アニメーション効果を作成することができます。デジタル値だけがアニメーションを作成できます。文字列の値はアニメーションを作成できません。

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

上のコードはスクロールバーが0にジャンプする位置を表し、ページの移動速度は800です。scrollTopの実用例に関連して：

jQuery(document).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をクリックしてcomptの元素で、IDがcommentsの位置に戻ります。IDがxiaの要素をクリックして、底に戻ります。