jquery - divのjqueryスクロールアニメーション

Question

メニューバーのリンクを押すと、アンカーを使用してその div に向かってスクロールしたい。

私のjqueryの知識は存在しないので、すべての助けに感謝します。これは私が話しているサイトです: http://ma-jo.org/

メニュー構造:

これは私のヘッダーです ここに私のメニュー リンクがあります: インデックス、概要、連絡先 これは私のフッターです

Answer 1

以下は、良い出発点になるかもしれません。

HTML

<div id="container">
    <div id="header">
    </div>
    <div id="menu">
        <div id="menu_index">
        <a href="#content_index">index</a>
        </div>
        <div id="menu_overOns">
        <a href="#content_overOns">over ons</a>
        </div>
        <div id="menu_contact">
        <a href="#content_contact">contact</a>
        </div>
    </div>
    <div id="content_all">
        <div id="content_index">
        <a href="#menu">Index</a>
        </div>
        <div id="content_overOns">
        <a href="#menu">overOns</a>
        </div>
        <div id="content_contact">
        <a href="#menu">Contact</a>
        </div>
    </div>
    <div id="footer">
    </div>
</div>

JS

$(document).ready(function() {
    $('#menu a').on('click', function(ev) { 
        var dest = $(this).attr('href');
        $('#content_all').animate({scrollTop: $(dest).position().top },'slow'); 
        ev.preventDefault();
    });
});

こちらの jsfiddle でテストしてください: http://jsfiddle.net/TJr6k/