相对于其底部的div位置

Question

我想使用其bottom属性放置一个弹出窗口，以便将其放置在当前鼠标悬停的元素上方。 让我们说：

$('#pop-up').css({
bottom : currentlyMouseOverElement.offset().top + "px",
});  

问题是显示的是，但显示的位置并非正好位于当前鼠标悬停的元素上方，而是位于其上方。

我有什么想念的吗？ 有人可以帮我解决这个问题吗？

提前致谢。 贺拉斯

Answer 1

尝试以下代码获取基于身高的排名

 $('#pop-up').css({

  bottom : (currentlyMouseOverElement.offset().top - currentlyMouseOverElement.height())+  "px",
 }); 

Answer 2

您可以提供pop元素的position：absolute和相对于其父元素的position：相对。

$('#pop-up').css({
position: absolute,
bottom : currentlyMouseOverElement.offset().top + "px",
});