添加动画滚动到特定的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); 

最后一个参数是动画的持续时间。