jquery - 根据父 div 的尺寸定位图像叠加层

Question

我有一个动画图像叠加层，我试图根据叠加层父 div 的高度进行定位。父 div 的尺寸是动态创建的。

我目前使用的代码：

jQuery('.parentdiv').hover(function(){
jQuery(".overlaydiv", this).stop().animate({"opacity": "0.95", top:'0px'},{queue:false,duration:500});
}, function() {
jQuery(".overlaydiv", this).stop().animate({"opacity": "0.95", top: '185px'},{queue:false,duration:500});
});

我想知道的是如何计算外部 div 的高度，然后将其应用于我现有的代码。具体来说，我需要将 185px 替换为当时父 div 的高度。任何帮助将不胜感激。

Answer 1

outerHeight()在 JQuery ( Source ) 中尝试：

top: $(this).outerHeight(true) //specfiy true because we want to include margins

编辑：虽然，如果您想将孩子垂直放置在父母之后，请尝试：

top: $(this).outerHeight(true) + $(this).position().top