如何在頁面滾動時將頁眉保持在固定位置

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; 
}