HTML + CSS窗体滚动到页眉后面，但仍然可见
HTML + CSS窗体滚动到页眉后面，但仍然可见
提问于 2018-06-16 16:32:12
我正在尝试理解CSS + HTML的一个小项目。当然是学习，我不确定我是否理解了为什么会发生这种情况。
我希望我的标题是固定的，所有的内容滚动到它后面。我已经成功地做到了这一点，然而，一旦它的滚动到它后面，我不希望它在滚动经过标题时可见。这是一个演示这个问题的小提琴。
.container-head {
background-color: #343a40;
color:#fff; position: fixed;
width:100%;
z-index: 1;
}<div class="container-fluid">
<div>
<div class="container-head">
<h4>Insert</h4>
</div>
<div class="container">
<h5>New Entry</h5>
</div>
<div class="container">
<form method="post">
<div class="form-group"><label for="id_desc">Description</label><textarea name="desc" cols="40" rows="10" class="form-control" placeholder="Description" title="Required" required="" id="id_desc"></textarea>
<small class="form-text text-muted">Required</small>
</div>
<div class="form-group"><label for="id_desc">Description</label><textarea name="desc" cols="40" rows="10" class="form-control" placeholder="Description" title="Required" required="" id="id_desc"></textarea>
<small class="form-text text-muted">Required</small>
</div>
<div class="form-group"><label for="id_desc">Description</label><textarea name="desc" cols="40" rows="10" class="form-control" placeholder="Description" title="Required" required="" id="id_desc"></textarea>
<small class="form-text text-muted">Required</small>
</div>
<div class="form-group"><label for="id_desc">Description</label><textarea name="desc" cols="40" rows="10" class="form-control" placeholder="Description" title="Required" required="" id="id_desc"></textarea>
<small class="form-text text-muted">Required</small>
</div>
<button class="btn btn-success">Insert</button>
</form>
<br>
</div>
</div>
</div>
任何建议都将不胜感激。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50886290
复制相关文章
相似问题
腾讯云开发者
