# 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.

## V4 (atomikus szerkesztő)

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.

![A Pozíció szakasz a Stílus fülön: Pozíció, Z-index és Horgonyeltolás](./kepek/kontenerek-flexbox-elem-pozicio.webp)

*A Pozíció szakasz a Stílus fülön: Pozíció, Z-index és Horgonyeltolás* (https://minta-bolt.hu/wp-admin/post.php?post=22&action=elementor)

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

## V3 (hagyományos widgetek)

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.

![A Haladó fül Elrendezés szakasza a Pozíció és Z-Index mezőkkel](./kepek/kontenerek-halado-widget-1.webp)

*A Haladó fül Elrendezés szakasza a Pozíció és Z-Index mezőkkel* (https://minta-bolt.hu/wp-admin/post.php?post=18&action=elementor)

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

## Rögzített és ragadós pozíció

| 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” |

## Tippek

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.