javascript - 显示/隐藏固定位置的 div

Question

我有下一个结构:

1. 第一个用于导航的固定 div
2. 可以显示或隐藏的第二个固定 div
3. 在第一个 div 或第一和第二个 div 下滚动的第三个 div 容器。

如何添加第二个 div，以便容器位于正确的位置，当此 div 可见或隐藏时？

<div class="navbar navbar-default navbar-fixed-top">
 ...
</div>
<div style="position:fixed; margin-top:50px">...</div>
<div class="container">...</div>

Answer 1

最简单的方法是使用 visibility: hidden 而不是 display: none 当你想隐藏你的 div 时:这样它仍然会在同一个地方在文档模型中，但“不可见”

您也可以使用 opacity: 0 来实现同样的效果。