1

我需要制作一个简单的动画，但问题是它们的内容块的高度没有设置（取决于其中有多少文本）。所以我想我需要知道 contentblock 的高度并将该数字放在 marginTop 中。但正如你所知道的，我不知道该怎么做。

$('nav').hide().fadeIn(1200, function(){
    $('#content_home').animate({
    marginTop: '-50px'},1000);    
});

这是我用于动画的 jQuery 代码。所以我需要#content_home 的高度并将其放在marginTop 值中。

我想我需要编写一个函数来计算高度并将其放入一个变量中，并且我需要将该变量放入 marginTop 值中。

4

4 回答 4

1 
var result = $("#content_home").height();

您还可以使用其他功能.innerHeight()，例如.outerHeight()哪一​​个适合您。

于 2013-04-15T14:43:35.577 回答
1

你试过.height()吗？

$('nav').hide().fadeIn(1200, function(){
    var contentHomeHeight = $('#content_home').height();
    $('#content_home').animate({
    marginTop: contentHomeHeight },1000);    
});
于 2013-04-15T14:44:21.713 回答
1

我想你回答了你自己的问题：

我想我需要编写一个函数来计算高度并将其放入一个变量中，并且我需要将该变量放入 marginTop 值中。

您可以使用 .height() 函数简单地计算某物的高度：

$('nav').hide().fadeIn(1200, function(){
    var height = ($('#contentblock').height() * -1);

    $('#content_home').animate({
    marginTop: height},1000);    
});
于 2013-04-15T14:44:36.807 回答
1

你不能只在 jQuery $('#content_home') 元素上使用 .height() 方法吗？

于 2013-04-15T14:45:13.823 回答