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

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

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

最佳答案 查看
jQuery UI position plugin.它不需要jQuery UI核心,并且将成为jQuery核心插件.

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

点赞