根据动态变化的 div 的高度更新 div 的边距

Question

我想知道这是否可以使用 jQuery 或 JS。

我在 div 上设置了一个边距，该边距是通过获取包含图像的容器的高度来设置的。

var articleImageHeight = $('.slides_control').height();
$('.individual-article-contents').css('margin-top', articleImageHeight);

但是，容器的图像本质上是一个滑块，所以这个容器的高度是可以改变的。

我想知道是否可以随着容器高度的变化实时更新articleImageHeight 变量？

我正在使用slidesJS 作为容器中的滑块。

这是我正在处理的一个示例：http://goo.gl/FdftC

非常感谢， 回复

Answer 1

为此，我可能会做的是将脚本的 sn-p 添加为函数，然后在每次幻灯片更改时调用该函数。这意味着您需要对插件进行轻微修改。看看插件，主要的动画功能被简单地称为animate()。

举个简单的例子

updateHeight = function(){
   articleImageHeight = $('.slides_control').height();
   $('.individual-article-contents').css('margin-top', articleImageHeight);
}

如果您使用的是插件的未缩小版本，则上述内容会将您的位添加到函数中，然后将 updateHeight(); 添加到第 236 行。

就在上面写着} // end animate function的那一行

.. 只是一个想法，可能看起来更好一点的是使用.animate 而不是.css 来更新上边距......但是嘿，我不知道你在做什么，所以完全是由你决定。

----编辑---- 只是一个更新......我们在插件上发现了一个 animateComplete() 回调，它很有魅力。