Question

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

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

所以这就是我想要做的......非常简单的事我确定。

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

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

Answer 1

推荐： .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

如何在同一页面上为链接实现jQuery scrollTo？

1 个答案: