# Vissza a tetejére elem

> A Vissza a tetejére elem beállításai: HTML-címke, pozíció, megjelenítés görgetés után, sima görgetés és fókuszkezelés.

A **Vissza a tetejére** elem gombot jelenít meg (alapesetben `button` címkével), amely az oldal tetejére görgeti a látogatót. Az elem beágyazható: jellemzően egy Ikon és/vagy Szöveg elemet teszel bele (alapértelmezésben felfelé mutató nyíl ikon és a „Back to Top” felirat).

![A Vissza a tetejére elem beállításai a szerkesztőben](./kepek/elemek-back-to-top.webp)

*A Vissza a tetejére elem beállításai a szerkesztőben* (https://minta-bolt.hu/elemek/?bricks=run)

A képen a **HTML-címke**, az **aria-label**, a **Pozíció** csoport (**Pozíció**: fixed, **Jobb** és **Alul**: 20px) és az **Egyéb** csoport kezdete látszik.

## Beállítások

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| **HTML-címke** | Az elem címkéje. | `button` |
| **aria-label** | Elérhetőségi név arra az esetre, ha az elem nem tartalmaz leíró szöveget. | Üres |

## Pozíció

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| **Pozíció** | A CSS `position` értéke. | `fixed` |
| **Felül**, **Jobb**, **Alul**, **Bal** | A gomb eltolása a megadott oldaltól. | Jobb és Alul: 20px |

## Egyéb

Itt a **Z-index** (alapérték 9999), a **Térköz** (a beágyazott elemek közötti távolság, alapérték `normal`) és az **Átmenet** (CSS-átmenet, alapérték `all`) áll, majd az alábbi beállítások:

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| **Ennyi után látható ... px** | A gomb csak azután jelenik meg, hogy a látogató ennyi képpontot legörgetett. Ha ez üres és a felfelé görgetéskori megjelenés ki van kapcsolva, a gomb mindig látszik. | Üres |
| **Felfelé görgetéskor látható** | A gomb akkor jelenik meg, amikor a látogató felfelé görget. | Ki |
| **Sima görgetés** | Az oldal tetejére animáltan, simán gördül. | Ki |
| **Fókusz áthelyezése az oldal tetejére** | Bekapcsolva a billentyűzetfókusz a gomb használata után az oldal tetején lévő `body` elemre kerül, ami a billentyűzetes navigáció elérhetőségét javítja. | Ki |