【发布时间】：2012-06-18 10:35:15
【问题描述】：
当我向下滚动页面时，我插入了一个代码来修复窗口顶部的 div。 我已将此 div 插入到包装 div 中，并将两个 div 的高度都设置为 80px； 当我向下滚动页面时，内部 div 位置更改为固定，而包装 div 是静态的，但是在对其进行防火检查后，我可以看到它的高度在您检查时缩小了，但 px 中的高度没有改变。 如何使外部 div 保持 80px 的高度，而内部 div 的高度也为 80px 并且其位置更改为固定。
例如：
<div id="navbarWrapper" style="height:80px;position:static">
<div id="navbar" style="height:80px">
<ul><li></li></ul>
</div>
</div>
现在，我有一个滚动事件，它捕获滚动，当它发生时，我将#navbar 置于固定位置，当我检查 dom 时，我看到 #navbarWrapper 缩小了，并且由于 #navbar pos 更改为固定，它是从窗口中的 dom 元素层次结构中取出，包装器 div 缩小了，我希望它仍然具有 80px 的高度，尽管它现在是空的。
谢谢，
【问题讨论】：
-
你所描述的没有多大意义。也许你可以准备一个 jsfiddle。
-
@Pointy，当内部 div 位置设置为固定时，navbarWrapper 会缩小，并且由于在固定位置元素从窗口对象中取出，包装器元素现在是一个空的 div 元素，尽管它的高度设置为 80px；在萤火虫中，我可以看到它在检查时缩小了
-
我不明白这里的“收缩”是什么意思。它有一个固定的高度；它真的不能改变大小。 Here is a test case 根据您的描述，我没有看到这种行为。
-
@Pointy，我的错，因为我使用内部 div 来固定顶部，当我向下滚动页面时，其他元素会向上滚动。
标签： javascript css