Wie man diese Navigationsleiste oben schwimmt beim scrollen?

Die ganze navigation bar zusammen mit seiner JavaScript-Einstellungen finden Sie hier

http://jsfiddle.net/DyJzg/3/

gerade jetzt bleibt es an der Spitze der Seite, aber ich Frage mich, ob es sein könnte, aus oben schwimmt, auch wenn Sie nach unten scrollen die Seite. Danke.

  • stackoverflow.com/questions/3593594/...
  • nicht verwandten, aber wenn Sie klicken Sie auf das dropdown-Menü, und klicken Sie erneut auf schließen, nachdem Sie verlassen Sie den Maus-hover-Effekt bleibt :O
  • yep, noch nie aufgefallen, dass, vielen Dank für diesen Hinweis!
InformationsquelleAutor nye17 | 2012-04-17
  1. 5

    Ich glaube, Sie brauchen, um zu verwenden position:fixed

    nav {
position:fixed;
top:0;
width:100%;
}

    hier ist geändert jsfiddle

    • Vielen Dank, tatsächlich habe ich versucht, dieses postion:fixed option vor, aber offenbar etwas anderes in meiner css-Einstellung schraubte Sie auf. Es funktioniert perfekt in der jsFiddle-sandbox, aber nicht ganz so in meinem eigentlichen Seiten. Ich brauche, um es herauszufinden, aber jetzt bin ich sicher, dass es nicht das problem der nav Stück.
    InformationsquelleAutor Stuart Burrows
  2. 1

    wenn Ihr element ist 'nav' oder ein element der Klasse ist '.nav' verwenden Sie dieses Stück css-code:

    nav, .nav{
position:fixed;
top:0;
width:your_custom_with;
height: your_custom_height
}

    Hinweis: Lesen Sie diesen Artikel, der die css-Positionierung für mehr details:
    http://www.w3schools.com/css/css_positioning.asp

    • danke, hab ich gecheckt, dass die Seite, wie ich bereits in meiner Antwort an @inrbob, etwas anderes geschraubt Dinge 😉
    InformationsquelleAutor luchopintado
  3. 0

    Nur aus der Spitze von meinem Kopf, die folgenden sollten es tun..

    .nav{
   display:block;
   position:absolute;
   top:0;
   left:0;
   right:0;
   width:100%;
}
    InformationsquelleAutor Robin Maben
Schreibe einen Kommentar