javascript - 如何滚动以在屏幕底部设置 DIV 的底部（监视器）

Question

我的网站中有一个DIV，它的高度不固定。当用户在图像上移动鼠标时，这DIV将出现并显示有关图像的一些信息。页面上有几个网格格式的图像，每个图像都有自己的信息。显然有些图像位于屏幕底部，因此mouseover其信息的某些部分DIV将不在屏幕上。我想自动控制这种情况，当它DIV的任何部分离开屏幕时，滚动条会向下直到它到达DIV.

这是我的伪代码，但我无法在 jquery 中实现它。

1. 计算screenHeight
2. 计算divHeight
3. 计算divDistanceFromTopOfScreen

如果( screenHeight< divHeight+ divDistanceFromTopOfScreen) 那么

    scroll down to bottom of `DIV`

如果您认为该算法是正确的，我该如何实现？

Answer 1

这应该这样做。

Javascript：

var top = $('.theDiv').offset().top;     // the top of your div relative to the document
var div_height = $('.theDiv').height();  // the height of your div
window.scrollTo(0, top + div_height);    // scroll to the bottom of your div

参考：

• jQuery 偏移量： http: //api.jquery.com/offset/

小提琴：http: //jsfiddle.net/manishie/NGDBL/