如何在页面滚动时将页眉保持在固定位置

Question

我正在尝试创建一个页眉，该页面保持固定在顶部，但是当页面向下滚动页面时，页眉随之移动，同时保持其位置。 我的要求是，标题不应该随着我们向下滚动页面一起移动。

JS FIDDLE:https://jsfiddle.net/qa5d1ry0/ 

注：它只是我的布局的虚拟代码，我为了添加随机文本获得代码工作

注：我一直在使用尝试position：absolute for header but the problem is that header does not get display as our scroll

Answer 1

尝试在position:fixed;之后为标题/标题div添加top:0px;。

Answer 2

这对我来说是固定的。尝试position: fixed。你使用的是什么浏览器？

Answer 3

尝试给position: fixed;标头并从容器中移除相对位置。

.header { 
    position: fixed; 
}