如何为同一页面上的链接实现jqueryscrollto？

我是jQuery的noob，我知道scrollTo，但不知道如何让它在我的网站上运行。我在谷歌上快速搜索了一下，找到了很多结果，但乍一看，目前使用的最可靠（或至少最流行）的结果是：

然而，作为一个完全不懂脚本的人，我不知道如何使用它来完成我的任务。（HTML和CSS是我的包，宝贝）

这就是我想做的…非常简单的事情，我相信

在上，我正在建立一个一页的“网关”网站，链接到我的许多其他有趣的网页内容。我有一个顶部导航，它只是链接到页面下方的锚点。我所希望的就是scrollTo以一种漂亮、生动的方式将我的用户带到这些锚上。告诉你这很简单

---

任何关于实现这一点的最佳方法的帮助，以及是否有这种类型的滚动条的当前标准（我现在到处都能看到）

参考：，，

你可以做一些事情，比如

$(function() {
    $('#nav-find-me-at a').click(function() {
        var pos = $('#find-me-at').offset().top;
        $('html, body').animate({'scrollTop' : pos}, 1000);
            return false;
    });
});

编辑：

---

在这里测试：参考：，，

你可以做一些事情，比如

$(function() {
    $('#nav-find-me-at a').click(function() {
        var pos = $('#find-me-at').offset().top;
        $('html, body').animate({'scrollTop' : pos}, 1000);
            return false;
    });
});

编辑：

---

在这里测试：

是的，这似乎是可行的，但“scrollTop”和“scrollTo”是否有不同的功能用于不同的目的？“scrollTop”不是从底部滚动到页面顶部的意思吗？那么，这难道不像是在倒退的方式使用它吗？而且，当我尝试它时，动画看起来有点起伏。我是从Chrome上观看的。我在Chrome上跑步时没有任何起伏！也许这和我怎么把它放进去有关。我在head中添加了一些jQuery，但在end body标记之前还有一些jQuery。但不确定如何正确组合它们。只是检查了您的页面。哈哈，你已经复制了上面的代码。取消包装匿名函数中的代码，即，只需删除

$（function（）{

部分。是的，这似乎可行，但“scrollTop”和“scrollTo”不是出于不同的目的使用不同的函数吗？不是“scrollTop”吗从底部滚动到页面顶部？这不就像使用是一种向后的方式吗？而且，当我尝试它时，动画看起来有点起伏。我在Chrome上观看。在Chrome上运行时，我没有体验到任何起伏！也许这与我如何将其放入有关。我在头上添加了，但我之前也有一些jQuery结束正文标记。不知道如何正确组合它们。只是检查了您的页面。哈哈，您已经复制了上面的代码。从匿名函数中取消代码包装，即，只需删除

$（function（）{

部分）。