Nach-oben-Button
Wähle die Seite, die Farben und ab wann er erscheint. Scrolle die Vorschau, um den Button auftauchen zu sehen.
So geht’sNach-oben-Button
Verfügbar auf: 
Nach-oben-Button: wofür es gut ist
Auf langen Seiten erspart der Nach-oben-Button der Person, alles zurückzuscrollen, vor allem auf dem Handy.
Wähle die Seite, die Farben, die Größe, die Form, den Randabstand und ab wann er erscheint. Der Code nutzt einen echten Button mit Beschriftung, erscheint mit einem kurzen Übergang, scrollt nur sanft, wenn die Person nicht weniger Bewegung wünscht, lässt den unsichtbaren Button keinen Fokus erhalten und setzt den Fokus an den Seitenanfang.
So geht’s
- Wähle Seite, Farben und Größe.
- Lege Abstand und Erscheinungszeitpunkt fest.
- Kopiere den Code und füge ihn vor dem Ende des body ein.
Wann nutzen
- Blogs und lange Artikel.
- Shop mit großen Produktlisten.
- Speisekarten und Kataloge.
Häufige Fragen
Wann erscheint der Button?
Nachdem die Person die Seite über die gewählte Höhe hinaus gescrollt hat (standardmäßig einen Bildschirm). Auf kurzen Seiten erscheint er nie, was einen nutzlosen Button über dem Inhalt vermeidet.
Stört er den WhatsApp-Button?
Er kann in derselben Ecke liegen. Setze den Nach-oben-Button auf die andere Seite oder vergrößere den Abstand zum unteren Rand, damit sich beide auf dem Handy nicht überdecken.
Warum springt der Fokus nach oben?
Wer per Tastatur oder Screenreader navigiert, sollte nach dem Tippen auf den Button am Seitenanfang weitermachen. Der Code verschiebt den Fokus auf das erste Element und scrollt zusätzlich den Bildschirm.
Ist das wirklich kostenlos?
Ja, 100% kostenlos. Ohne Anmeldung, ohne Abo und ohne Nutzungslimit. Alle Tools von Tools123 sind kostenlos.