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

时间:2011-08-01 15:00:31

标签: jquery-selectors

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

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

1 个答案:

答案 0 :(得分:0)

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

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

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