# Help creating a jump to top button

**URL:** https://meta.discourse.org/t/help-creating-a-jump-to-top-button/67118
**Category:** Development
**Created:** [30. Juli 2017 um 19:42 UTC](https://meta.discourse.org/t/help-creating-a-jump-to-top-button/67118 "2017-07-30T19:42:55Z")
**Posts on this page:** 7
**Page:** 2

<div class="post-metadata">

### Author: ![Phuong\_SuSu](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/phuong_susu/32/148042_2.png) [@Phuong\_SuSu](https://meta.discourse.org/u/Phuong_SuSu)
#### Post date: [6. Juli 2019 um 01:38 UTC](https://meta.discourse.org/t/help-creating-a-jump-to-top-button/67118/22 "2019-07-06T01:38:28Z")

</div>

Ich habe eine einfache Methode gefunden, ohne Java, nur mit CSS & HTML.

1. Füge dies in den `<after header>` ein:

2. Dann ein wenig ausgefallenes CSS:

Dann erhältst du diesen schönen und attraktiven „Nach oben“-Button 😃

(er bewegt sich ^^! Siehe es live hier: [forum.fususu.com/t/topic/21/last](http://forum.fususu.com/t/topic/21/last))

 ![48%20AM](https://global.discourse-cdn.com/meta/original/3X/1/5/1549c4d7355b85420f8565db981fdbaf05555c0f.png)

---

<div class="post-metadata">

### Author: ![charleswalter](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/charleswalter/32/116433_2.png) [@charleswalter](https://meta.discourse.org/u/charleswalter)
#### Post date: [2. August 2019 um 15:49 UTC](https://meta.discourse.org/t/help-creating-a-jump-to-top-button/67118/23 "2019-08-02T15:49:46Z")

</div>

Sieht cool aus, @Phuong_SuSu, aber ich musste ein paar Mal tippen, um nach oben zu einem langen Thema zu gelangen.

---

<div class="post-metadata">

### Author: ![Phuong\_SuSu](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/phuong_susu/32/148042_2.png) [@Phuong\_SuSu](https://meta.discourse.org/u/Phuong_SuSu)
#### Post date: [2. August 2019 um 18:06 UTC](https://meta.discourse.org/t/help-creating-a-jump-to-top-button/67118/24 "2019-08-02T18:06:42Z")

</div>

Normalerweise führt ein Klick auf ein Thema in Discourse zur neuesten Antwort, wobei viele ältere Antworten ausgeblendet werden. Der Button bringt dich lediglich zum Kopf des Themas, woraufhin weitere Antworten sichtbar werden. Diese Lösung funktioniert also am besten, wenn man von Anfang an scrollt und dann darauf tippt ^^! Ich frage mich, ob es eine Lösung gibt oder ob wir JavaScript verwenden müssen ^^

---

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [2. August 2019 um 19:29 UTC](https://meta.discourse.org/t/help-creating-a-jump-to-top-button/67118/25 "2019-08-02T19:29:30Z")

</div>

> [@Phuong\_SuSu](#):
>
> Normalerweise wird Discourse Benutzer, die auf ein Thema klicken, zur neuesten Antwort leiten,

Nicht ganz. Es leitet sie zur neuesten Antwort, die sie noch nicht gelesen haben.

Ein Klick auf den Titel bringt Sie zurück nach oben.

---

<div class="post-metadata">

### Author: ![davidkingham](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/davidkingham/32/119528_2.png) [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [8. August 2019 um 13:19 UTC](https://meta.discourse.org/t/help-creating-a-jump-to-top-button/67118/26 "2019-08-08T13:19:58Z")

</div>

Das funktioniert hervorragend und würde perfekt zum Theme-Komponenten-Beitrag passen, den ich habe: [Scroll to Top Component - #17 by davidkingham](https://meta.discourse.org/t/scroll-to-top-component/116506/17). Ich komme nicht ganz dahinter, wie man diese beiden miteinander integriert. Wenn du oder jemand anders helfen oder einen PR einreichen könntet, wäre das fantastisch 👍

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [16. Februar 2023 um 03:06 UTC](https://meta.discourse.org/t/help-creating-a-jump-to-top-button/67118/27 "2023-02-16T03:06:36Z")

</div>



---

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [16. Februar 2023 um 12:36 UTC](https://meta.discourse.org/t/help-creating-a-jump-to-top-button/67118/28 "2023-02-16T12:36:53Z")

</div>



[Vorherige Seite](https://meta.discourse.org/t/help-creating-a-jump-to-top-button/67118.md?page=1)
