工具提示的具体位置

时间:2011-01-12 16:17:34

标签: javascript

我有一个图层,每次我悬停按钮时都会打开工具提示。我只是通过创建一个显示或隐藏图层的JS函数来做到这一点。

现在,我不是JavaScript专家。我的问题如下:当按钮向屏幕顶部滚动时,我希望工具提示在下面打开 - 如果按钮靠近屏幕底部,我想要在上面打开工具提示。现在我只是用绝对定位做到了。但很明显,这并没有成功。

谁可以提供帮助?谢谢!

1 个答案:

答案 0 :(得分:1)

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

当你打开它时(即当你翻看按钮时),检查它的Y offsetTop是否是< =页面的Y median(虚数)行(window.innerHeight或(IE case)document.body。 clientHeight除以2)。

例如,解决方案可以(或多或少):

已修改check this fiddle example(设置“展开”高度以查看其工作原理;))

已编辑(2):现在也适用于IE

滚动页面时(并且您想要保持工具提示打开 - >不使用mouseout),您可以重新检查打开的提示并重新排列