添加滑动到锚点隐藏效果

发布于 2024-07-29 16:33:12 字数 101 浏览 2 评论 0原文

在 jQuery 中:我想创建一个链接,单击时会显示一个隐藏的 div(现在可以正常工作了),但也可以通过平滑滚动效果滑动到它。 我如何将两者结合起来?

非常感谢。

In jQuery: I'd like to create an link to on click shows a hidden div (got that working by now) but also slides to it with a smooth-scroll effect. How do I combine the two?

Thanks so much.

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

扫码二维码加入Web技术交流群

发布评论

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

评论(2

ぺ禁宫浮华殁 2024-08-05 16:33:12

您可以使用 scrollTo 插件来提供平滑的滚动效果。

演示此处。

You can use the scrollTo plugin to give smooth scoll effects.

Demo here.

自找没趣 2024-08-05 16:33:12

它是一个单行代码,但可以添加非常好的效果

function goToByScroll(id){
    $('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
}

<script>
   goToByScroll("theIdIWantToGoTo");
</script>

http://djpate.com/2009/ 10/07/动画滚动到anchorid-function-with-jquery/

It’s a oneliner but can add a really nice effect.

function goToByScroll(id){
    $('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
}

<script>
   goToByScroll("theIdIWantToGoTo");
</script>

http://djpate.com/2009/10/07/animated-scroll-to-anchorid-function-with-jquery/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文