jquery - 添加幻灯片到锚点以隐藏效果

Question

在 jQuery 中：我想创建一个链接，点击时显示一个隐藏的 div（现在可以工作了），但也可以通过平滑滚动效果滑动到它。我如何将两者结合起来？

非常感谢。

Answer 1

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

演示在这里。

Answer 2

这是一个单线器，但可以添加一个非常好的效果。

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/