Добавить анимацию, чтобы прокрутить вниз до определенного div в jquery

Question

Здравствуйте, я использую следующий код, чтобы прокручивать нижнюю часть в конкретном div, и его работа отлично, но, слишком быстро, я хочу, чтобы он медленно прокручивался до конкретный элемент, я знаю, что могу сделать это с помощью 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); 

Последний аргумент - продолжительность анимации.