2017-01-16 1 views
0

Ich arbeite jetzt an einem responsiven Navigationsmenü, damit meine Seite mit verschiedenen Plattformen kompatibel ist. Ich folgte den Schritten hier: http://www.w3schools.com/howto/howto_js_topnav.asp/, aber ich konnte es nicht die gleiche Position bleiben lassen, wenn ich das Fenster schrumpfte (ich ließ das Menü immer oben bleiben, wenn meine Seite auf einem breiten Bildschirm ist). Wie man es oben bleiben lässt, wie jede Navigationsleiste gemeint ist?Wie kann ein Responsive-Navigationsmenü oben auf einer Seite angezeigt werden?

+0

position: fixed (wenn Sie es wollen es auch bleiben beim Scrollen) oder position: absolute (wenn Sie es nur an der Spitze die Seite, aber nicht an der Spitze Ihres Browser-Fensters); oben: 0; links: 0; rechts: 0; – deadfishli

+0

Danke. Aber als ich die Position auf "Fixed" änderte und auf das Symbol klickte, würde sich die ganze Leiste verformen und nicht wie eine Bar aussehen. –

+0

sieht so aus. https://i.imgsafe.org/c810d924b2.png –

Antwort

2

Sie haben wahrscheinlich Positionierung auf Ihre Navigationsleiste hinzuzufügen:

position: fixed; /* if you want it to stay there even when scrolling */ 
position: absolute; /* if you just want it at the top of the page, but not at the top of your browser window */ 
top: 0; 
left: 0; 
right: 0; 
Verwandte Themen