点击菜单的滚动效果

Scroll effect for click on menu

本文关键字：滚动 菜单      更新时间：2023-09-26

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

菜单代码

<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

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

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

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

相关文章：