javascript - 相对于底部定位 div

Question

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

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

问题是 显示但不完全在当前鼠标悬停的元素上方，而是远远高于它。

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

提前致谢。贺拉斯

Answer 1

尝试以下代码以获取基于高度的位置

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

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

Answer 2

您可以为弹出元素提供 position:absolute 和 position:relative to its parent。

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