显示/隐藏固定位置的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：这样它仍然会在文档模型中的同一个位置，但是＆＃34;无形＆＃34;

您也可以使用同样的opacity: 0。