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

发布于 2024-09-26 22:37:10 字数 584 浏览 4 评论 0原文

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

但是，再次强调，作为脚本编写的菜鸟，不确定如何使用它来完成我的任务。（HTML 和 CSS 是我的包，宝贝）。

这就是我正在尝试做的事情......我确信这是非常简单的事情。

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

任何关于实现这一点的最佳方法的帮助，以及是否有这种类型的滚动使用的当前标准（我现在到处都可以看到它），我们表示赞赏。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

岁月静好 2024-10-03 22:37:10

参考：.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;
    });
});

你可以做一些类似edit ：
在这里测试一下：http://jsbin.com/ecaye

refer : .offset(), .scrollTop() , .animate()

you can do some thing like

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

edit :
test it here : http://jsbin.com/ecaye

回复收藏 0 原文

~没有更多了~