Blog durchsuchen

„Sticky“ Navigation

Die Anvogation soll oben stehen bleiben, wenn man nach untern scrollt. ist ja immer ganz praktisch, vor allem, wenn man einen Onepager gestaltet:

Die entsprechende div, in der die Navigation drin ist, bekommet diese Anweisungen:

/*sticky menü */
#(passendes div) {
position: -webkit-sticky;
position: sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
top: 0;
z-index: 9000;
}

damit bleibt es immer oben. Funktioniert bei Safari, IE, Firefox. Leider nicht bei Chrome.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert