Javascript 如何将整个可见页面向下滚动到具有平滑效果的锚（Scriptaculous或jQuery）？

我想创建一个带有锚的导航。通过点击导航链接，整个可见页面应该向下滚动到点击的锚

最重要的是页面的以下结构

--------------- (Begin visible browser area)
NAV1 nav2 nav3

content
--------------- (Begin/end visible browser area)
nav1 NAV2 nav3

content
--------------- (Begin/end visible browser area)
nav1 nav2 NAV3

content
--------------- (end visible browser area)

最后，所有内容都在一个文档中，必须计算当前页面的高度（由导航项选择）（使用JS库）。我更喜欢PrototypeJS/Scriptaculous和jQuery

滚动效果应该是平滑的幻灯片/效果

克里斯参见：

---

如果您想要jQuery解决方案，请使用，如果您只需要基于锚定的动画，请实现关联的LocalScroll插件

---

如果希望内容窗格占据整个可见浏览器区域，也可以使用jQuery在页面加载时（以及在浏览器调整大小时）动态设置。“高度”方法有一个很好的解释。

我想也许你可以使用这个滚动条：

---

这是迄今为止我发现的最短的，而且非常简单。不幸的是，它会滚动固定数量的像素，而不是标签，但你可以使用它的想法。

我想你必须再次阅读我的问题。这不仅仅是我的主题/问题中包含的锚到锚滚动效果。另一件重要的事情是，必须“动态”设置滚动定位，因为下一页必须从浏览器的不可见区域开始（请参阅我文章中的草图）。是否希望导航保持在固定位置，只滚动内容？或者你在重复导航三次？我也在想同样的事情，但更合乎逻辑的是重复导航。重复：）的可能重复项

<a href="javascript:// scroll" onclick="Effect.ScrollTo('element_id', { duration:'.5'})" />link</a>