Hey Leute,
ich habe folgendes Problem: Ich habe eine Seite erstellt, auf der ganz oben zwei Überschriften sind und darunter eine Navigation Bar. Jetzt will ich, dass wenn ich scrolle sich die Navigation Bar mitbewegen soll, bis sie den oberen Bildschirmrand erreicht hat, danach aber dort "kleben" bleiben soll. Ist das überhaupt möglich mit CSS(3) oder brauche ich dafür Java-Script? Hier ist noch mein HTML Code:
ich habe folgendes Problem: Ich habe eine Seite erstellt, auf der ganz oben zwei Überschriften sind und darunter eine Navigation Bar. Jetzt will ich, dass wenn ich scrolle sich die Navigation Bar mitbewegen soll, bis sie den oberen Bildschirmrand erreicht hat, danach aber dort "kleben" bleiben soll. Ist das überhaupt möglich mit CSS(3) oder brauche ich dafür Java-Script? Hier ist noch mein HTML Code:
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Reisetagebuch</title>
<link rel="stylesheet" href="html.css">
<link rel="stylesheet" href="nav_bar_style.css">
</head>
<body>
<div id = "wrapper">
<div id="headline">
<h1 id="headline">Reisetagebuch</h1>
<h2>Unsere Reisen durch Amerika</h2>
</div>
<nav>
...
</nav>
<div id="content">
...
</div>
</html>