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

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

但是，作为一个脚本编程的总不来，完全确定如何使用它来完成我的任务。（HTML和CSS是我的包，宝贝）。

所以这就是我想要做的...非常简单的东西，我敢肯定。

对http://joelglovier.com我正在建立一个单页“网关”网站，并链接到我的其他有趣的网页内容。我有一个顶级导航，它只是链接到页面下方的锚点。我想要的只是为了scrollTo将我的用户以一种很好的动画方式带到这些锚点。告诉你这很简单！

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

来源

2010-10-08 Joel Glovier

参考：.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-08 04:01:49

是的，这似乎工作，但不是“scrollTop”和“scrollTo”不同的目的不同的功能？从底部滚动到页面顶部不是“scrollTop”吗？那么这不就好像是以倒退的方式使用吗？ – 2010-10-08 04:06:07

另外，当我尝试它时，动画看起来有点波涛汹涌。我正在浏览Chrome。 – 2010-10-08 04:06:39

在铬上运行时，我还没有经历过任何混乱！ – 2010-10-08 04:10:45

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

回答

相关问题