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

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/