Wie man die Kopfzeile an einer festen Position hält, auch wenn die Seite scrollt

Question

Ich versuche eine Kopfzeile zu erstellen, die oben fixiert bleibt, aber was passiert ist, wenn ich die Seite abwärts blättere, während die Kopfzeile mitbewegt wird. Meine Anforderung ist, dass die Kopfzeile nicht mit der Seite verschoben werden soll, während wir nach unten scrollen.

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

Hinweis: Es ist nur ein Dummy-Code meines Layout und ich habe zufällig Text hinzugefügt, um den Code zu erhalten arbeiten

Hinweis: Ich habe versucht, mit Position: absolut für Header aber das Problem ist, dass Header nicht angezeigt werden, wie wir scrollen

Answer 1

Versuchen Sie top:0px; nach Ihrer position:fixed; für die Überschrift/Überschrift div hinzuzufügen.

Answer 2

Es ist für mich behoben. Versuchen Sie position: fixed. Welchen Browser benutzen Sie?

Answer 3

Versuchen Sie, position: fixed; auf die Kopfzeile zu geben und die relative Position aus dem Container zu entfernen.

.header { 
    position: fixed; 
}