如果元素在javascript中低于页面折叠，如何实现自动滚动页面的功能？

Question

我想实现类似Template Monster's菜单的功能。我正在尝试创建一个功能列表，当用户单击该功能时，该功能列表会向下滑动。但是，如果链接位于页面底部并且用户单击该链接，则功能列表将显示在视图区域下方，并且用户在手动向下滚动浏览器窗口之前不知道它已打开。

我希望合并一项功能，如果功能列表不在可查看区域，浏览器窗口会自动向下滚动以显示完整列表（templatemonster.com已使用下拉菜单完成此操作）。

有人能帮助我吗？

谢谢，

拉​​夫

Answer 1

您引用的网站使用Prototype JavaScript framework和Scriptaculous来获取视觉效果。这些库使得这类任务变得更加容易，因为内置控件可以或多或少地实现您想要的任务。

如果您想在用户点击时向下滑动某些内容;您应该考虑事件 点击和效果 向下滑动查看demo in the manual

滚动的第二个方面也可以使用这些库来实现。同样，也可以查看demo in the manual。基本上，您需要使用锚标记来标记页面上存在该功能的点，然后使用 scrollto 效果将您带到页面上的该选项

希望这能让你走上正确的道路。