1

我有一个固定的 div#summary可以改变高度。它需要始终显示在窗口顶部。在它下面我有内容#catalogueContainer，当上面的固定 div 改变高度时我需要重新定位。我需要能够使用窗口滚动条滚动。

我知道将 div 保持在窗口顶部的唯一方法#summary是给它一个固定的位置。这样做时，与它没有关系，所以当改变高度#catalogueContainer时我不能使用 CSS 重新定位。#summary我能想到的唯一方法是让一些 javascript 监听摘要的重新大小并指定#catalogue.

  1. 这听起来是最有效的解决方案吗？代码和注释如下。
  2. 在 Chrome 中，当我滚动窗口时，#summary 的背景图像会被留下，但当我滚动时，所有其他内容都固定在浏览器窗口的顶部。

有关解决此问题的任何建议吗？

#summary {
    position:fixed;
    top:0px;
    left:275px;
}

#summary内部有可调整大小的元素，并改变高度。这需要始终显示在窗口顶部。 

#right {
    position:relative;
    left:275px;
    top:300px;
}

#right是以下所有内容的容器元素。

中有许多目录#catalogueContainer，都在同一个地方，但一次只能看到一个。

#catalogueOne {
    position:relative;
}

#catalogueOne必须是relative因为里面有position:absolute元素

4

1 回答 1

0

您可以将摘要和目录放在一个容器中（然后将其放在顶部）。然后他们只需要有一个 100% 的宽度和浮动：左。当摘要改变高度时，目录将被向上或向下推。

您还可以使用 jQuery 并使用根据摘要高度放置目录的功能。两者都需要有一个固定的位置。

于 2013-03-15T13:41:25.263 回答