2016-06-04 17 views

Antwort

0

Versuchen Sie, diese CSS:

.fixed-navbar { 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
} 

Siehe https://developer.mozilla.org/en-US/docs/Web/CSS/position

Wenn Sie eine navbar verwenden wie die Sie in der Regel eine Höhe wollen wird es geben (zB 50px) und dann den Rest des Inhalts versetzt von so viel (zB margin-top: 50px; auf Ihren Content-Container

0

Wenn Sie kopieren ihren Code genau auf W3Schools und fügen Sie den folgenden auf die ul.

width: 100%; 
top: 0; 
left: 0; 
position: fixed; 

Sie erhalten eine feste Position auf der ul, es wird den ganzen Weg nach links geschoben (kein Abstand), und den ganzen Weg bis oben (ohne Abstand). Die Breite (100%) streckt den Block über den Webbrowser (in Bezug auf seine Größe). Sie könnten zusätzlich eine Klasse oder eine ID zu der bereits vorhandenen ul hinzufügen (falls Sie mehrere existente ul-Elemente haben), indem Sie div#fixed-navigation für die ID oder div.fixed-navigation für die Klasse (in CSS) verwenden.

Insgesamt haben Sie entweder: <ul id="fixed-navigation"> oder <ul class="fixed-navigation"> (wenn Sie ein ID- oder Klassenattribut verwenden möchten).

Ich habe ein funktionierendes Beispiel für Sie auf JSFiddle: https://jsfiddle.net/799rm54n/

+0

Vielen Dank, aber sie ist ein Problem. Das Dropdown wurde abgehört, Danke im Voraus –

+0

Eine einfache Lösung, die zurückgesetzt werden kann durch Ändern der Dropdown-Position zusätzlich zu behoben. Erlaubt es, sich neben der neu ausgerichteten Navigationsleiste neu zu positionieren. JSFiddle aktualisiert: https://jsfiddle.net/799rm54n/2/ @KCHere –