使内部div具有一定高度,而内部div位置变为固定

时间:2012-06-18 10:35:15

标签: javascript css

当我向下滚动页面时,我插入了一个代码来对窗口顶部进行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的高度,尽管它现在是空的。

谢谢,

1 个答案:

答案 0 :(得分:0)

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