Navigation oben, die beim scrollen nicht verschwindet?

Hi,

ich habe oben eine Navigation mit CSS und HTML, aber möchte, das sie da oben auch stehen bleibt sobald ich runter srcolle, als wäre sie ein festes Element. Meine CSS Datei ist ziemlich lang. Was bzw. wo muss ich das dann eintragen?

Answer 1

[Willibergi]

position: fixed;

in CSS ist die Lösung Deines Problems.

Es definiert die Navigationsleiste so, dass die Position am Bildschirm sich nicht ändert, unabhängig davon, ob gescrollt wird oder nicht.

Comments

[HamsterKnowHow]

Danke, klappt. Nur, wenn ich es mache, fehlt rechts ein Stück der Navigation. Wo ist die jetzt hin? 

https://picload.org/view/rpaladcw/unbenannt.png.html

[Willibergi]

@HamsterKnowHow

Setze einfach die width auf 100%, dann nimmt die Navigationsleiste die gesamte Bildschirmbreite ein.

[HamsterKnowHow]

@Willibergi

Hab ich schon in der CSS stehen, geht aber trotzdem ned. 

[Willibergi]

@HamsterKnowHow

#nav {
  width: 100%;
  height: 50px;
  background: #f00;
  position: fixed;
}

Das funktioniert einwandfrei, wenn nav die ID eines div-Containers ist. Musst Du halt bei Dir entsprechend anpassen.

Answer 2

[regex9]

Die Lösung für dein Problem ist das Setzen des position-Properties deines Containers für die Navigation auf fixed.