Zusammenfassung
Dieser Artikel beschreibt eine Möglichkeit, Navigationselemente bei Bedarf zu fixieren.
Obwohl darauf Wert gelegt wurde, dass diese Seite auch in alten Internetexplorern bedien- und lesbar ist, wird die vorgeschlagene Lösung im IE6 nicht funktionieren.
In diesem Artikel werden vermehrt CSS3-Features verwendet. Er wurde in allen aktuellen Browsern auf wunschgemäßes Aussehen getestet. Prüfen Sie, ob Sie Ihren Browser in der aktuellen Version verwenden.
- Autor
- Matthias Apsel (Impressum)
- veröffentlicht
- 20.2.2011
- letzte Änderung
- 19.12.2015, HTML 5
Problemstellung
Navigationen werden sehr häufig erstellt, indem man entsprechende Bereiche absolut positioniert oder floatet.
Wenn der Inhalt einer Webseite nun länger als deren Navigation ist, verschwindet bei den meisten Seiten die Navigation während des Scrollens. Dem könnte man entgegen wirken, indem man die Navigation durch fixe Positionierung am Viewport ausrichtet.
Eine derartig starr positionierte Navigation ist aber vielleicht auch nicht gewünscht. Deshalb soll hier eine Java-Script-Lösung vorgestellt werden, die es ermöglicht, die Navigation bei Bedarf zu fixieren.