Ich bin ein Neuling und arbeite an einem Projekt, um meine Fähigkeiten im Bereich Webdesign zu erlernen und zu verbessern. Ich möchte wissen, wie ich meinen Header statisch machen kann. Es sollte sich nach unten bewegen, während ich die Seite nach unten scrolle. Irgendeine Hilfe?
Antworten:
0 für die Antwort № 1Ich gehe davon aus, dass Sie nach einer festen Überschrift fragen, die beim Scrollen auf der Seite erhalten bleibt.
Die einfache Lösung wäre, eine CSS-Regel wie die folgende zu Ihrer CSS-Datei hinzuzufügen und sicherzustellen, dass in Ihrem HTML-Header die ID "yourheader" definiert ist.
#yourheader { position:fixed; }
Ich hoffe das hilft.
0 für die Antwort № 2
Sowas nehme ich an? JFiddle
position:fixed;
top: 0; = Fixed to top
bottom: 0; = Fixed to Bottom
Und so weiter für links und rechts ...
Der html:
<div class="header">
This is my header!!!
</div>
<div class="content">Content goes here!!!!</div>
Das CSS:
body {
margin:0;
}
.header
{
background:#454545;
position:fixed;
top: 0;
width:100%;
padding:5px;
height: 25px;
}
.content
{
margin: 35px;
}