当我向下滚动页面时,我已经插入了一个代码来使一个 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 的高度,尽管它现在是空的。
谢谢,
最佳答案
如果你想固定某个div的位置,你必须使用position:fixed;
来固定包装div。为了更加完美,您也可以共享代码。
关于javascript - 使外部 div 具有一定高度,而内部 div 位置更改为固定,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11081085/