javascript - 单击菜单的滚动效果

Question

我有一个单页菜单！菜单上的每个项目，单击时，我想让窗口滚动到页面的右侧！

菜单代码

<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

Answer 1

我想你需要这个，请尝试：

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

已编辑：如果您不想直接跳转，则需要防止默认行为。