Tovább a tartalomhoz

Rögzített pozíció widgetekhez

Elem rögzítése a böngészőablakhoz a V4 és a V3 szerkesztőben, a z-index beállítása, valamint a rögzített és a ragadós pozíció különbsége.

A Rögzített pozíció a böngészőablakhoz köti az elemet. Görgetés közben az elem pontosan ugyanazon a helyen marad a képernyőn, ezért jó lebegő gombokhoz, „vissza az oldal tetejére” nyilakhoz és állandó üzenetekhez.

A lépések attól függnek, melyik szerkesztőt használod.

  1. Jelöld ki az elemet a vásznon.
  2. A bal oldali panelen nyisd meg a Stílus fület.
  3. Nyisd ki a Pozíció szakaszt, és a Pozíció listában válaszd a Rögzített értéket.
  4. A helyét az eltolásmezőkkel (fent, jobbra, lent, balra) adhatod meg, például PX vagy REM egységben.
  5. Ha kell, a Z-index mezőben add meg a rétegek sorrendjét más elemekhez képest.
https://minta-bolt.hu/wp-admin/post.php?post=22&action=elementor
A Pozíció szakasz a Stílus fülön: Pozíció, Z-index és Horgonyeltolás

A képen a Pozíció lista és a Z-index mező látszik a Stílus fülön.

  1. Jelöld ki a widgetet a vásznon.
  2. A bal oldali panelen nyisd meg a Haladó fület.
  3. Az Elrendezés szakaszban a Pozíció listában válaszd a Rögzített értéket.
  4. A vízszintes és függőleges tájolás kapcsolóival válaszd ki az igazítást, majd az eltolás csúszkáival finomítsd. A widgetet közvetlenül a vásznon is áthúzhatod a fogantyúkkal.
  5. Ha kell, a Z-Index mezőben add meg a rétegsorrendet.
https://minta-bolt.hu/wp-admin/post.php?post=18&action=elementor
A Haladó fül Elrendezés szakasza a Pozíció és Z-Index mezőkkel

A képen a Pozíció (alapértelmezetten Alapértelmezett) és a Z-Index mező látható a widget Haladó fülén.

Pozíció Mihez viszonyít Viselkedés
Rögzített A látogató nézetablakához (képernyő) Az elem görgetéstől függetlenül ugyanazon a helyen marad a képernyőn
Ragadós A szülő konténerhez vagy szakaszhoz Az elem normálisan görgetődik, amíg el nem ér egy megadott határt, utána a szülő határain belül „megragad”

Az egyéni pozicionálást csak mértékkel használd. Nézd meg az eredményt asztali, tablet és mobil nézetben is, hogy a rögzített elemek kisebb képernyőn ne fedjék el a fontos tartalmat.

Készült:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások