使页面滚动以显示div元素的完整内容？

Question

我正在使用简单的javascript切换功能来扩展div以显示其内容。如果div靠近屏幕的底部，它会扩展，并且一些div会从屏幕上消失。

如何让页面自动向下滚动以确保div在视图中？

Answer 1

页面上的每个元素（包括DIV）都有一组相对于文档的偏移值。您可以通过$.offset()方法获取这些内容。这将为您提供页面上元素的x和y坐标。

野外存在许多插件（例如Ariel Flesler的$.scrollTo()），它会为您的页面滚动动画，甚至可以通过一组提供的坐标来实现。您可以将这两个项目连接在一起，以自动滚动到DIV的偏移坐标。

请确保您的DIV不高于您的视口，否则您需要滚动更多以查看所有内容。