Javascript 滚动到多个锚点

我有一个词汇表页面，可以使用锚。当你点击“A”链接时，它会转到#A，当你点击“B”时，它会转到#B。但这跳到锚，我希望它滚动

我怎样才能做到这一点？我可以在html onclick中添加javascript吗

这是我的实际代码：

<?php $categories =  get_categories('child_of=100&hide_empty=0'); 
        foreach  ($categories as $category) {
            //Display the sub category information using $category values like $category->cat_name
            echo '<h2><a name="' . $category->name . '">'.$category->name.'</a></h2>';
            echo '<ul>';
            $posts = get_posts(array('cat' => $category->term_id, 'order' => 'ASC', 'post_type' => 'glosario', 'showposts' =>-1, 'post_status' => 'publish,future,draft'));
            foreach ($posts as $post) {
                echo '<li><a href="'.get_permalink($post->ID).'">'.get_the_title().'</a></li>';  
            }  
            echo '</ul>';
        } ?>
          <div id="scrollablemenu">
<?php $cats = get_categories( 'child_of=100&hide_empty=0');
foreach ($cats as $cat) {
    echo '<a href="#' . $cat->cat_name . '" class="scrollablemenubutton" class="scroll">' . $cat->cat_name . '</a>';
}
?>


jQuery(document).ready(function() {
jQuery(".scroll").click(function(event){     
    event.preventDefault();
    $('html,body').animate({scrollTop:$(this.hash).offset().top}, 500);
});
 });

jQuery（文档）.ready（函数（）{
jQuery（“.scroll”）。单击（函数（事件）{
event.preventDefault（）；
$（'html，body'）.animate（{scrollTop:$（this.hash.offset（）.top}，500）；
});
});

谢谢

我推荐

非常容易实现，而且您不必重新发明轮子

下面是如何使用scrollTo的基本示例：

$( "a" ).click(function( event ) {
  event.preventDefault();
  $('body').scrollTo('#anId', 1000);
});

看现场演示

如果您想将它与onclick一起使用，请参阅演示

请注意，where is表示

#anId

它可以是任何内容，例如链接的名称或您想要的任何内容，您只需如下引用它：

$(this).whatEverFunctionOrValueYouWant();

---

我不知道如何实施。我必须使用other@Genethic，我马上给你举个例子，给我一秒钟，你为什么要使用localScroll，除了我建议的插件之外，还要使用这个插件。如果我只能使用第一个，那就更好了。我看起来它必须使用它。我正在尝试：onclick=“$.scrollTo（$（“#'。$cat->cat_name.”，800））；”但它不起作用。我做了什么坏事？请原谅我的英语。@Genethic查看我的编辑。如果你有任何疑问，请告诉我。