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

Question

当我向下滚动页面时，我已经插入了一个代码来使一个 div 固定到窗口的顶部。我已经将这个 div 插入到包装器 div 中，并将两个 div 的高度都设置为 80px；当我向下滚动页面时，内部 div 位置更改为固定，而 wrapper div 是静态的但在 firebuging 之后我可以看到它的高度在你检查时缩小但 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 的高度，尽管它现在是空的。

谢谢，

Answer 1

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