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

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

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

查看jQuery UI位置插件。它不需要jQuery UI核心，并且将成为jQuery核心插件。