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

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

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

注意：这只是我版面中的一个伪代码，我添加了随机文本以使代码正常工作

---

注意：我曾尝试使用位置：绝对作为标题，但问题是当我们滚动时标题不会显示

尝试添加

顶部：0px在你的
位置之后：固定用于标题/标题分区。
这对我来说是固定的。尝试
位置：固定
。您使用的浏览器是什么？
尝试给出
位置：固定到标题并从容器中删除相对位置

.header {
    position: fixed;
} 

请检查这个！是的，有些是这样的，但我仍然希望页眉显示，即使页面正在滚动