jquery - ページ内で自動スライドする方法

Question

<div id="nav">
    <li><a href="#menu1">menu1</a></li>
    <li><a href="#menu2">menu2</a></li>
    <li><a href="#menu3">menu3</a></li>
</div>

<div id="contents">
    <h1 id=menu1></h1>
    <h1 id=menu2></h1>
    <h1 id=menu3></h3>
</div>

3つのコンテンツとIDへのリンクを1ページにまとめました。jqueryを使用して、ナビのメニューをクリックしたときに自動的にスムーズにスクロールする方法は?

Answer 1

このようなことを試すことができます

$('.menu').click(function(){     

     $('html, body').animate({scrollTop: $("#cmenu1").offset().top}, 2000);
});