html - 即使页面正在滚动，如何将标题保持在固定位置

Question

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

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

注意:它只是我布局的虚拟代码，我添加了随机文本以使代码正常工作

注意:我曾尝试使用 position:absolute 作为标题，但问题是当我们滚动时标题不会显示

Answer 1

尝试将 position: fixed; 赋给标题并从容器中删除相对位置。

.header {
    position: fixed;
}