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

标签 javascript

我有一个项目页面,每个项目都有一个“图像链接”,将鼠标悬停在图像链接上会显示描述该项目的工具提示。我的页面是可滚动的,这表明有大量的项目被查看。我的问题是,当我位于页面底部并将鼠标放在“图像链接”上时,工具提示未完全显示[一半被窗口覆盖]。所以我想要的是,一旦我在图像链接上,如果我看到工具提示不会完全显示,我将向下滚动页面工具提示的宽度像素量。我尝试了这个,但是所有图像链接都会发生这种情况,但我需要页面可见区域中的最后一个图像链接。 [我需要 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);

    }

提前致谢。

最佳答案

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

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

关于javascript - 检测特定元素并垂直向下滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5893320/

相关文章:

javascript - jQuery Mobile 事件 - 独立?

javascript - 点击后Javascript更改添加类

javascript - 将 javascript 文件添加到 WordPress 页面

javascript - 使用react-router获取服务器端数据

php - 在动态填充的下拉列表中预选第一个选项

javascript - 用 Javascript 值填充隐藏输入

javascript - Js 在输入键事件上创建问题

javascript - 从服务器拉取消息并在客户端渲染

javascript - 查看 id 是否等于可见或隐藏

javascript - 使用 js 和正则表达式检查文本框是否存在无效字符