Floating menü + horgonyok használata

Mit tegyünk, ha oldalon belüli linkeket, ún. horgonyokat használunk, de olyan a weboldalunk, amelyen lefelé görgetve felül marad a menüsor (floating vagy sticky menu)?

Aki a fenti kombinációt használja, tudja, hogy a felül maradó menü takarja a horgonnyal jelölt rész kezdetét, így a navigációt zavarja.

Az alábbi kódot kell elhelyezni a forráskódban és meg is oldódik a probléma:

horgony-rogzitett-menuvel

Frissítés, 2022. január:

A kódot kiegészítettem egy másik megoldással, illetve mobil és asztali nézetre történő testreszabhatósággal.

Kód letöltése

Cikkértesítő

Ha nem szeretne lemaradni az új cikkekről, akkor iratkozzon fel az értesítőre!

Extra ajándékként rögtön elküldöm a 199 weboldal készítés hiba című cikksorozatom elérhetőségét!

Szólj hozzá!