Question

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

我理解将#summary div保持在窗口顶部的唯一方法是给它一个固定的位置。执行此操作时，#catalogueContainer与它没有任何关系，因此当#summary更改高度时，我无法使用CSS重新定位。我能想到的唯一方法是使用一些javascript来监听摘要的重新大小并指定#catalogue的最高位置。

这听起来是最有效的解决方案吗？代码和注释如下。
在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个元素

Answer 1

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

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

可调整大小的固定位置元素;响应性，相对定位的内容

1 个答案: