javascript - 添加动画以向下滚动到jQuery中的特定div

您好，我正在使用以下代码滚动到特定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>';
?>

最佳答案

要滚动到指定的元素，请使用jQuery animate()。

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

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