相对于div底部定位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

您可以为弹出元素提供position:absolute &position:相对于其父元素。

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