工具提示的特定位置

Question

我有一个图层，每当我悬停一个按钮时，它都会作为工具提示打开。我只是通过创建一个JS函数来显示或隐藏层。

现在，我不是JavaScript的专家。我的问题是:当按钮滚动到屏幕顶部时，我希望工具提示在下面打开-如果按钮在屏幕底部附近，我希望工具提示在上面打开。现在我只是用绝对定位来做这件事。但很明显，这并没有起到作用。

谁能帮上忙？谢谢!

Answer 1

小费的绝对位置我认为这是正确的选择！

当您打开它时(即，当您经过按钮时)，检查它的Y offsetTop是否为页面Y中值(虚数)行的<= (window.innerHeight或(IE情况) document.body.clientHeight除以2)。

例如，解决方案可能是(或多或少)：

编辑的：check this fiddle example (设置展开高度查看其工作原理；)

编辑(2)：现在也可以在IE上使用

当页面被滚动时(并且您想保持不使用鼠标输出时打开的工具提示)，您可以重新检查打开的提示并重新排列它们