0

1ページ分のメニューがあります！メニューの各項目をクリックすると、ウィンドウがページの右側のセクションにスクロールするようにしたい!

メニューコード

<nav>
<ul>
<li><a href="#me">Me</a></li>
<li><a href="#work">Me</a></li>
</ul>
</nav>

ページには次のようなセクションがあります

<section id="me"></section>
<section id="work"></section>

私はトリックを行うはずのjQuery関数を書き込もうとしましたが、運がありませんでした。

$(function() {
        $("nav a").click(function(){
            var $place = $(this).attr("href");

                        $(window).animate(
                        {scrollTop: $place.offset().top},400);

            });
    });

私はまだ jQuery を使い始めたばかりなので、石を投げつけないでください:D

4

1 に答える 1

0

これが必要だと思います。試してみてください：

 $("body").animate({scrollTop:$($place).offset().top},400);
 e.preventDefault();

編集済み:直接ジャンプしたくない場合は、デフォルトの動作を防ぐ必要があります。

于 2013-08-12T12:15:50.177 に答える