如何定位元素,使其不会从可见屏幕流出

时间:2010-03-17 00:39:17

标签: javascript jquery

我正在一个页面上创建伪工具提示,该页面上有很多“a”和“span”元素,这些元素与这些元素相关联。元素创建中的所有内容都很好,并且显示正常。

但是,由于这是一个包含大量数据的页面,当您朝向可视区域的底部时,工具提示开始流过窗口的底部边缘。我最初尝试使用window.innerWidth / innerHeight来弥补这一问题并不是很好。我正在使用jQuery进行DOM操作(但不是jQuery UI)。鉴于事件本身,以及工具提示的高度和宽度(我可以使用getBoundingClientRect()获得),如何定位此元素以使工具提示的底部永远不会低于窗口边缘?

1 个答案:

答案 0 :(得分:2)

查看jQuery UI position plugin。它不需要jQuery UI核心,并且将成为jQuery核心插件。

更多文档:http://jqueryui.pbworks.com/Position