使页面滚动以显示div元素的全部内容？

Question

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

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

Answer 1

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

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

只需确保您的DIV不高于视口，否则您将需要滚动更大的角度才能看到所有这些。