0

我是 jQuery 的菜鸟，我知道 scrollTo，但不太了解如何让它在我的网站上运行。我做了一个快速的谷歌搜索，发现了很多结果，但一目了然，目前使用的最可靠的（或至少最受欢迎的）是这个： http: //plugins.jquery.com/project/ScrollTo

然而，再一次，作为一个完全不熟悉脚本的菜鸟，不完全确定如何使用它来完成我的任务。（HTML 和 CSS 是我的包，宝贝）。

所以这就是我想要做的……我敢肯定，这是非常简单的事情。

在http://joelglovier.com上，我正在构建一个单页“网关”站点，其中包含指向我许多其他有趣的 Web 内容的链接。我有一个顶部导航，它只是链接到页面下方的锚点。我想要的只是让 scrollTo 以一种漂亮的动画方式将我的用户带到这些锚点。告诉你这很简单！

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

4

1 回答 1

3

参考：.offset() , .scrollTop() , .animate()

你可以做一些事情，比如

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

编辑：在这里测试：http: //jsbin.com/ecaye

于 2010-10-08T04:01:49.203 回答