添加動畫滾動到特定的div在jquery

Question

你好，我使用下面的代碼滾動到底部在一個特定的股利，它的工作正常，但是，它太快，我希望它慢慢滾動到具體的元素，我知道我可以用jQuery來做到這一點，我現在已經嘗試了幾個小時不同的代碼，任何人都可以幫我關於我的代碼，謝謝。

<script> 
$(document).ready(function(){ 
$(".cat-anchor").click(function(){ 
    $('html','body').animate({scrollTop: $(".cat-title").offset.top},'slow'); 
}); 
}); 
</script> 

<div class="bran-cat"> 
     <h2>Category</h2> 
     <div class="cat-list"> 
      <?php 
       foreach($cat_arr['cat_pro'] as $cat_name){ 
        echo "<a class='cat-anchor'>".">".$cat_name[1]."</a> <br>"; 
       } 
       //$sel_cat= $wpdb->get_results("SELECT * FROM "); 
      ?> 
     </div> 
</div> 
<?php 

    foreach($cat_arr['cat_pro'] as $mykey=>$myvalues){ 
     echo '<div name="'.$myvalues[1].'" class="cat-title" id="'.$myvalues[0].'"><h2>'.$myvalues[1].'</h2></div>'; 
?> 

Answer 1

要滾動到指定的元素使用jQuery animate()。

$('body').animate({ 
    scrollTop: $('#target-element').offset().top 
}, 500); 

最後一個參數是動畫的持續時間。