高度自动 - 调整浏览器大小时显示隐藏内容

Height auto - displaying hidden content when the browser is resized

本文关键字：显示 小时 隐藏 浏览器 调整 高度      更新时间：2023-09-26

这是我正在研究的网站，如果我不够具体，请原谅我，我是新手。

http://daniel.grocock.me/portnew

设置 #introexpanddiv的段落高度，并具有调整大小的功能检查以查看在调整浏览器大小时 #introexpand 是否需要适合更大或更小的区域。

function resize() {
    $("#introexpand").css("height", "auto").show();
    var pHeight = $("#introexpand p:first").height() + 15;
    $("#introexpand").css("height", pHeight);
}

因此，在重置高度之前，我将 pHeight 设置为自动并显示一秒钟，以便获得正确的高度。

现在的问题是，当我调整浏览器大小时，#introexpanddiv会在单击链接span.learnmore之前弹出。

如果我从 CSS 中删除高度自动，它似乎可以修复它，但单击时 #introexpanddiv dosent 函数。

你可以让这个函数在onresize-handler（jQuery）中运行，但用CSS解决更简单：

#introexpand {
    padding-bottom: 15px;
}

为什么不以不同的方式处理这个问题。与其尝试计算#introexpand需要的高度，不如让它始终自动运行，并在单击span.learnmore时切换display:none;。

为此，您需要从#introexpand中删除position:relative，并从#introexpand p中删除position:absolute。

完成此操作后，只需默认#introexpand display:none，然后在click span.learnmore上，您可以.show() div或将其.slideToggle()为更花哨的东西。

我只是认为你试图让它比它需要的更复杂。

相关文章：