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的高度，然后将其应用到我现有的代码中。具体来说，我需要用当时父div高度替换185px。任何帮助将不胜感激。

Answer 1

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

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

编辑：但是，如果您想要将在父项后垂直放置，请尝试：

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

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

1 个答案: