检测特定元素并向下滚动到垂直向下

Question

我有一个项目页面，每个项目都有一个“图像链接”，将鼠标悬停在图像链接上，会显示一个描述该项目的工具提示。我的页面是可滚动的，表示查看了大量项目。我的问题是当我在页面的底部，并将鼠标放在“图像链接”上时，工具提示未完全显示[窗口覆盖了一半]。所以我想要的是，只要我在图像链接上，如果我看到工具提示没有完全显示，我将向下滚动页面的工具提示的宽度像素数量。我尝试了这个，但这种情况发生在所有图像链接上，但我需要页面可见区域中的最后一个图像链接。 [我需要javascript帮助]

   var totalHeight, currentScroll, visibleHeight
    currentScroll = GetScrollTop();
    totalHeight = document.body.offsetHeight;
    visibleHeight = document.documentElement.clientHeight;


    if (e.pageY <= currentScroll + visibleHeight) {  //This is always true         
        window.scrollTo(0, currentScroll + 100);

    }

提前致谢。

Answer 1

这是一个边缘感知工具提示

http://plugins.learningjquery.com/cluetip/demo/

Answer 2

screenH = window.screen.height; //THIS WILL VISBLE SCREEN HEIGHT
a = window.scrollY; //this will give current y- scroll  positon 
if(a > screenH){
 window.scrollTo(0, a + 100);
} 

希望这有帮助。