Javascript 滑动Div至自动高度

我有一个可以滑进滑出的潜水器。 要做到这一点，我只需将高度每秒增加2倍，直到预设高度从0开始

考虑到div的起始属性为display:none和height:0，由于内容的高度不可预测，是否仍需要确定div的内容高度

---

谢谢。

诀窍是临时显示，测量高度，然后再次隐藏。如果使用visibility:hidden和position:absolute，则在执行此操作时不会更改页面布局

function getElementHeight(el)
{
    var styles = {
        visibility: el.style.visibility,
        height: el.style.height,
        position: el.style.position,
        display: el.style.display
    };
    el.style.visibility = "hidden";
    el.style.height = "auto";
    el.style.position = "absolute";
    el.style.display = "block";
    var height = el.offsetHeight;
    el.style.display = styles.display;
    el.style.position = styles.position;
    el.style.height = styles.height;
    el.style.visibility = styles.visibility;
    return height;
}

如果要获得样式高度，可以在var height=el.offsetHeight；之后添加这两行：

---

诀窍是临时显示它，测量高度，然后再次隐藏它。如果使用visibility:hidden和position:absolute，则在执行此操作时不会更改页面布局

function getElementHeight(el)
{
    var styles = {
        visibility: el.style.visibility,
        height: el.style.height,
        position: el.style.position,
        display: el.style.display
    };
    el.style.visibility = "hidden";
    el.style.height = "auto";
    el.style.position = "absolute";
    el.style.display = "block";
    var height = el.offsetHeight;
    el.style.display = styles.display;
    el.style.position = styles.position;
    el.style.height = styles.height;
    el.style.visibility = styles.visibility;
    return height;
}

如果要获得样式高度，可以在var height=el.offsetHeight；之后添加这两行：