Javascript 使外部a div具有一定高度，而内部div位置更改为固定

我插入了一个代码，当我向下滚动页面时，可以在窗口顶部进行div修复。 我已经将这个div插入到包装器div中，并将两个div的高度都设置为80px； 当我向下滚动页面时，内部div位置更改为fixed，而包装器div是静态的，但在firebugging之后，我可以看到当您检查它时，它的高度缩小了，但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位置更改为固定位置，它被从窗口中的dom元素层次结构中取出，包装器div缩小了，我希望它的高度仍然是80px，尽管它现在是空的

---

谢谢，

如果你想固定某个div的位置，你必须使用

位置：fixed

使包装器div固定。为了更加完美，您还可以共享代码。

您所描述的内容没有多大意义。也许您可以准备一个JSFIDLE。@Pointy，当内部div位置设置为fixed时，navbarWrapper会收缩，因为在fixed位置，元素会从窗口对象中取出，所以wrapper元素现在是一个空的div元素，尽管它的高度设置为80px；在firebug中，我可以看到它在检查时收缩了。我不明白你这里说的“收缩”是什么意思。它有一个固定的高度；它真的不能改变大小。根据您所描述的，我没有看到这种行为。@Pointy，我的错，因为我使用内部div来固定顶部，所以当我向下滚动页面时，其他元素会向上滚动。