festes Menü funktioniert nicht

7

Ich möchte, dass mein Menü während des Scrollens an seinem Platz bleibt, aber wenn ich in meinem CSS position:fixed; Folgendes hinzufüge, verschwindet das Ganze von dem Ort, an dem ich es haben möchte.

In dieser jsfiddle kannst du sehen, wie es jetzt ist und wie es sein soll. Das einzige, was daran falsch ist, ist, dass wenn ich die Position auf "fixed" ändere, es nicht mehr dort bleibt, wo ich es haben will.

%Vor%

BEARBEITEN: Ich versuche so etwas zu erreichen:

Ссылка

    
Kevin 03.06.2016, 09:15
quelle

7 Antworten

4

Ok, ich sehe, was Sie wollen, und ich denke, Sie werden dieses Verhalten in Javascript codieren.

Diese Art von Lösung wird für Sie in Ordnung sein?

Démo: Ссылка

%Vor%     
Naugrim. 03.06.2016, 09:48
quelle
3

Verwenden Sie das Menü innerhalb des Headercontainers und geben Sie die Position ein: fixed; fom #menu

%Vor%
    
Mani 03.06.2016 09:26
quelle
3

Da Sie JQuery nicht verwenden, können Sie es mit dem einfachen JavaScript

erreichen

%Vor% %Vor% %Vor%

Geige: Ссылка

    
Sankar 03.06.2016 10:03
quelle
2

Ich erschaffe ein Spiel.

Ich füge nur diese Zeilen in #menu hinzu und es funktioniert für mich:

%Vor%

Das Menü bewegt sich nicht.

    
Naugrim. 03.06.2016 09:21
quelle
2

JS:

%Vor%

Css:

%Vor%

Da diese CSS nur angehängt werden muss, wenn Sie in Ihrer Webseite eine bestimmte Höhe gescrollt haben, können Sie diese navbar-fixed Klasse nach dem Scrollen um eine bestimmte Höhe an das Menü div anhängen.

    
Pushpendra 03.06.2016 09:55
quelle
2

Fügen Sie das folgende Skript hinzu, es funktioniert gut

%Vor%     
Navy 03.06.2016 09:20
quelle
2

Fügen Sie diese Stile zu Ihrem Menü in CSS hinzu .

%Vor%

Die Kombination dieser beiden Punkte stellt sicher, dass das Menü dort bleibt, wo es bleiben soll: immer oben.

Wie @ Error404 sagte:

  

die festen Elemente gehen aus dem normalen Fluss des Dokuments und dies   Deshalb können Sie es oben auf dem Bildschirm positionieren.

    
jelleB 03.06.2016 09:22
quelle

Tags und Links