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

Szólj hozzá!

A honlap cookie-kat használ. Részletek

A hatályos jogszabályok alapján kötelező tájékoztatni a látogatókat, hogy a weboldal ún. cookie-kat használ és tárol a számítógépén. Ha ezt nem szeretné, akkor a böngészője megfelelő beállításait használva tiltsa le a cookie-k tárolását, vagy zárja be a weboldalt. Mik azok a cookie-k? Hogyan tudja tiltani a tárolásukat? Hogyan kezelem a személyes adatokat? Mindenre választ ad a részletes adatvédelmi és cookie tájékoztatóm.

Bezárás