MagyarmagyarVissza 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 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
Szekció neve “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ó
Szekció neve “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
Szekció neve “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 |
Készült: