Javascript 如何使用html中的动画向下/向上滚动页面

我想让简单的网站看起来像

我能做的就是使用href跳转到指定的页面

但是我想让它向下滚动，而不是跳入指定的页面。 有人有什么建议吗？

---

谢谢，向鲁迪致意。

此方法使用页面内的链接。基本上，在他们的导航链接中，他们使用了一个ID在页面下方的某个位置。在CSS中，他们添加了“缓进缓出”效果，以平滑过渡

更多信息可在此处找到：

内容
内容
内容
内容
内容

菜单中

 <div class="navigation ">
            <ul id="nav">
            <li class="margin-right15"><a href="#home">HOME</a></li>
            <li class="margin-right15"><a href="#do">WHAT WE DO</a></li>
            <li class="margin-right15"><a href="#team">CORE TEAM</a></li>
            <li class="margin-right15"><a href="#work">WORKS</a></li>
            <li><a href="#contact">CONTACT US</a></li>
        </ul>
        </div>

将进入

的顶部

要使用jQuery平滑滚动，请执行以下操作：

$(document).ready(function(){
    $('a[href^="#"]').click(function(e) {
        e.preventDefault();
        var target = this.hash, $target = $(target);
        $('html, body').stop().animate({
            'scrollTop': $target.offset().top
        }, 900, 'swing', function() {
            window.location.hash = target;
        });
    });
});

（来自）<代码>900

在这里表示900毫秒。这里有一个。

如果您也需要，这里有更多信息：thx dude，我使用jquery进行平滑滚动..要使用jquery，我必须做什么？我需要将代码粘贴到哪里？我认为您需要多一点使用JavaScript（和jQuery）的经验。转到并做一些教程。我已经将其粘贴到body之间，但jquery不起作用。我还需要执行任何其他步骤吗？是：。或者我需要将其粘贴到单独的.js文件中？可能是

$(document).ready(function(){
    $('a[href^="#"]').click(function(e) {
        e.preventDefault();
        var target = this.hash, $target = $(target);
        $('html, body').stop().animate({
            'scrollTop': $target.offset().top
        }, 900, 'swing', function() {
            window.location.hash = target;
        });
    });
});