添加Slide-to-Anchor以隐藏效果

Question

在jQuery中：我想创建一个链接，点击显示一个隐藏的div（现在已经工作），但也滑动到它具有平滑滚动效果。我如何将两者合并？

非常感谢。

Answer 1

您可以使用scrollTo插件提供流畅的滚动效果。演示here.

Answer 2

这是一个oneliner但可以添加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/