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/
Vielen Dank, aber sie ist ein Problem. Das Dropdown wurde abgehört, Danke im Voraus –
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 –