Question

我正在尝试将此代码用于我的网站，但它遇到了问题。当您单击工作链接时，它会折叠我的标题div，然后在单击其他链接时使div显示为正常。这一切都可行。

尝试调整浏览器窗口大小时会出现问题。它使#header div表现得像它没有相对定位。 #header div和页面大小的其余部分在彼此之上。该页面基于％，我希望它能够调整大小/缩放。我不知道为什么会这样。任何人都可以帮助我理解它为什么这样做以及如何绕过它？

仅供参考 - 我无法使用jquery .slideUp / .slideDown。它会干扰我将在我的网站上使用的另一个插件。

Answer 1

我猜主要原因是代码行：

 $("#header").height($("#headwrapper").height());

单击按钮时，＃header的高度从“auto”设置为固定值。但是，当您更改浏览器视口时，固定值不会更改，这使得它们看起来不像相对位置。尝试将其更改为：

$("#header").height("auto");

它可能不是唯一需要调整的地方，但我认为这是一个线索。我希望这会有所帮助:-)