javascript - 使外部 div 具有一定的高度，而内部 div 位置更改为固定

Question

当我向下滚动页面时，我插入了一个代码来修复窗口顶部的 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 位置更改为固定，它被取出窗口中的 dom 元素层次结构和包装器 div 缩小了，我希望它仍然具有 80px 的高度，尽管它现在是空的。

谢谢，

Answer 1

如果要固定某个div的位置，则必须使用position:fixed;使包装器 div 固定。为了更加完美，您也可以共享代码。