添加幻灯片到锚点以隐藏效果答案

【问题标题】：Adding Slide-to-Anchor to Hide effect添加幻灯片到锚点以隐藏效果
【发布时间】：2009-08-05 07:54:58
【问题描述】：

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

非常感谢。

【问题讨论】：

您是说将可视窗格向下滚动到 div 的位置吗？
我不确定我理解你的意思：我说的是一个点击事件，它会触发以下内容：1）显示隐藏的 div 2）滚动到顶部的 #anchor那个div

标签： jquery scroll hide effects show

【解决方案1】：

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

演示here.

【讨论】：

scrollTo 和 Show 的点击事件可以共享同一个 ID 吗？

【解决方案2】：

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

【讨论】：