Amikor a menüpont csak legördít

Biztosan találkoztál már olyan egyoldalas weblapokkal, amelyeknek a tetején ugyan vannak menüpontok, de ha rákattintasz valamelyikre, akkor a böngésző nem nyit új lapot, hanem lejjebb gördít az oldalon belül. Sablontól függő, hogy pontosan hogyan, de mindenképpen látványos és modern megoldás. Ha véletlenül még nem tudtad volna, hogy hogy kell ilyet csinálni, akkor ez most elmúlik 🙂

Egy cseppnyi kódolás lesz benne, de ne ijedj meg, minimális. Mindössze két dolgot kell megjegyezned. Az egyik az, ahonnan „ugrasztod” a látogatót, a másik az, ahová.

Kezdjük a másodikkal.

Ezt horgonynak is szokás hívni, és így néz ki a kódja:

https://gist.github.com/bikmoni/e37392c49f764b77de7fd482a3fdabd4

Ha valamilyen page buildert használsz, akkor egy kód modulba teheted be a fentit (Divivel mutatom):

(Ha arra gondolsz, hogy jóval feljebb van a horgony, mint a tematika maga, akkor jól látod: érdemes mindig egy kicsit feljebb tenni, hogy az előző részekből is látszódjon valami, amikor odagördít az olvasó.)

És a fenti kódot kell bemásolnod ide:

 

A menüpontnál pedig az lesz a trükk, hogy Saját hivatkozást kell használnod, így:

 

Egyébként ha Divi a sablonod, akkor van egy olyan modulod, a „Teljes szélességű fejléc”, amelyen elhelyezhetsz két gombot, amelyek afféle menüpontként működnek, és persze ide is beteheted ezeket az oldalon belüli ugrásokat:

 

Megjegyzés:
Ha esetleg mostanában vennél Divi vagy más Elegant Themes sablont, akkor javaslom, hogy várj még néhány napot.
(Ha szemfüles vagy, az oldalsávban már észrevehetted a Kiemelt ajánlatot… de pár napig még türelmesnek kell lenned.)
Fogok szólni időben! 🙂