单击菜单的滚动效果

时间:2013-08-12 12:09:03

标签: javascript jquery html

我有一个单页菜单!菜单上的每个项目,点击,我想让窗口滚动到页面的右侧部分!

菜单代码

<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

1 个答案:

答案 0 :(得分:0)

我认为你需要这个,请尝试:

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

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