1

这是我正在开发的网站，如果我不够具体，请原谅我，我对此很陌生。

http://daniel.grocock.me/portnew

为#introexpand div 设置段落高度，并具有一个调整大小功能，用于检查浏览器调整大小时#introexpand 是否需要适合更大或更小的区域。

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

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

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

如果我从 CSS 中删除自动高度，它似乎可以修复它，但是单击时会出现 #introexpand div 剂量功能。

4

2 回答 2

0

你可以让这个函数在 onresize-handler ( jQuery ) 中运行，但是用 CSS 解决起来更简单：

#introexpand {
    padding-bottom: 15px;
}
于 2012-06-07T21:58:54.327 回答
0

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

为此，您需要position:relative从.#introexpandposition:absolute#introexpand p

完成此操作后，只需默认设置#introexpand为display:none然后打开click，span.learnmore您可以.show()选择div或使用.slideToggle()它以获得更高级的东西。

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

于 2012-06-08T00:11:06.430 回答