Klebrige Navigationsleiste im header

Hallo, ich versuche, meine navigation im Menü bleiben Sie an der Spitze meiner Seite.

Dem Suchfeld der Hilfe sind auf top-aber ich will main, die navigation und auf die Stelle zu, wo ist StackExchange aber mehr in Links mein logo.

Und wenn ich nach unten scrollen, die nav menu-header stapeln auf der Oberseite und Inhalt, hinten geht es .

Habe ich keinen code, weil ich Sauer und ich weiß nicht, von wo aus zu starten ich habe versucht, alles in einem div, aber nichts passiert....danach habe ich versucht, Sie zu beheben (ich unter anderen) auf diese Weise aber nur nav-Menü behoben und header verschwunden, aber wenn ich fix header...es ist impposible nach unten scrollen....Werde ich wirklich appriciate, wenn jemand kann mir HTML-und CSS-Beispiel ....weil ich habe keine Ahnung, wie ich das tun kann

verwenden Sie die internet-luke!
"Ich habe keinen code, weil ich Sauer und ich weiß nicht, von wo aus zu starten ich habe versucht, alles in einem div, aber nichts passiert" --- das ist wie zu sagen, Ihr auto-Mechaniker Freund, dass Sie nicht ein Auto haben, um ihm zu zeigen, aber Sie wissen, es ist zerbrochen, er konnte es beheben, obwohl es in einem Graben drei Landkreise Weg.

InformationsquelleAutor Nika | 2014-01-22

7

Richten Sie Ihren Kopf, um es css-Eigenschaft wie folgt:

BASIC HTML:
```
<html>
    <head><title>Sticky header</title><head>
    <body>
        <div id="header>Your nav goes here</div>
        <div id="content">Content things go here.</div>
    </body>
</html>
```
CSS
```
#header {
    position: fixed;
    top: 0;
    z-index: 500;
    height: 45px;
}

#content {
    padding-top: 50px;
}
```
mit diesem werden Sie sicher, dass Ihre überschrift immer sichtbar ist, egal ob der Benutzer einen Bildlauf nach unten, und die z-index, um sicherzustellen, dass der header immer an der Spitze der anderen Inhalt, wenn Sie modals, geben die modals z-index: 1000; so dass Sie sicherstellen, dass die modals nicht abgeschnitten werden durch Ihre header.

Hoffe, das hilft.
- Dies ist ein Teil der Lösung, aber es gibt keine Möglichkeit, wirklich zu sagen, ob die OP hat angeordnet sein markup so, dass das funktionieren würde. Sie würden auch brauchen, um einige top-Polsterung oder Ränder, um sicherzustellen, dass die Inhalte, die unter neath wäre nicht verborgen, wie position: fixed entfernt die #header-div aus dem Belegfluss.
- Es ist nur ein Beispiel, um es anwenden zu seinem markup. Dennoch, ich habe gerade eddited ein einfaches html-Beispiel.
- Sicher, war nicht so sehr eine Kritik (wie Sie wenigstens einige code und Erklärung!) so viel wie eine Verfeinerung.
- naja, die Anfrage, die er machte, war klar, er könnte einige seiner code zwar nicht, aber ich denke, dass mit einfachen html-Beispiel, dann kann er anwenden, um seine (oder eine beliebige) markup.
- Danke ich glaube, dass kann funktionieren, ich werde es jetzt versuchen ))
InformationsquelleAutor taxicala

versuchen Sie dies:

.navbar {
 position: fixed;
 top:0;
 right: 0;
 left: 0;
 z-index: 1030;
}

InformationsquelleAutor wpdaniel

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.