jQuery -动画高度到自动

Question

在开始发言之前，我已经研究了与这一主题有关的其他问题。我写另一个问题的原因是，我的站点将使用jQuery动画加载，而它的工作方式似乎与我只是自动绘制高度一样。

我个人认为这与我在css中将CSS高度设置为auto有关。无论如何，我希望网站(当它加载)动画的高度自动，而不是一个设定的高度在此刻。我尝试过获得scrollHeight并将其动画到这个值，但是我尝试过的3-4答案没有动画。

目前我正在使用：

$(".portfolio").animate({height:"590px"});

我的.portfolio css是

.portfolio {
  width: 0px;
  height: 0px;
  max-height: 600px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

人们可能会感兴趣的是，.portfolio的高度是0，直到我将.row (在.portfolio中)动画化，因为.row的显示设置为none。

基本而言，我需要获得元素的自动高度(.portfolio)，即使由于隐藏的元素没有可见的内容(使页面上的自动加载)设置为0。

不透明而不是显示:没有人不会修复这个问题。在页面加载时，我需要.PORTFOLIO的高度为0。

如果我能发其他的东西让它更简单，请告诉我

我尝试了与问题相关的答案：JavaScript jQuery Animate to Auto Height

您可以在：http://conorreid.me/portfolio/查看该网站，我真的希望可以发布站点链接。我觉得这个问题很难解释为什么我需要这个，希望你能明白。

编辑：

我复制了.portfolio元素并将其重命名为portfolio-2，将其设置为绝对值和z-索引：-100，透明度为0(高度为auto)。然后，我尝试获取该元素的高度(监视器上的558)，并将.portfolio设置为此高度。

var el = $('.portfolio-2'),
                curHeight = el.height(),
                autoHeight = el.css('height', 'auto').height();
            $(".portfolio").height(curHeight).animate({height: autoHeight}, 1000);

但现在我不知道为什么这不管用..。我实际上是在用

<script>alert($(".portfolio-2").css("height"))</script>

为了提醒我高度，我的显示器分辨率是264，但是在页面完全加载后，我输入$(“..portfolio 2”).height()，我得到了592，就像我应该做的那样。

Answer 1

经过一个多小时试图在这里找到一个解决方案，它是：

• 我复制了.portfolio和它里面的所有东西，我把它的不透明度设置为0，z索引设置为-1000，所以在可以悬停/可选择的一侧没有任何元素会触发jQuery悬停效应。

最后，我得到了一个可怕的高度错误(因为当我加载页面时图像没有呈现，给了我一个40%的错误答案

$(document).ready(

至

$(window).load(

现在它的反应是=D