Link nach oben dynamisch darstellen

Hallo zusammen,

wie kann ich einen "Top"-Link dynamisch darstellen auf jeder Seite? D.h. wenn man etwas nach unten scrollt und nicht mehr ganz oben auf der Page ist, dass dann automatisch ein kleiner Button angezeigt wird, auf welchen man klicken kann, um wieder zurück zum Anfang der Seite zu kommen.

Als Beispiel habe ich hier http://www.bpong.com/

Gibt es da Tutorials oder ein Modul? Ich habe es mit diesem Tutorial versucht: http://www.xcreative.de/blog/contao-...einbinden.html
jedoch wird der link einfach nur link unten im footer angezeigt und wird nicht angezeigt, sobald ich scrolle (http://www.esobp.de/en/home.html, user: test, pw: beerpong)

kann mir hier jemand helfen?

Viele Grüsse u danke,
David

Habe es nun hinbekommen mit dem Tutorial. Solltet ihr auch Interesse haben:
Ich musste noch folgendes ändern, damit es wie gewünscht ist:

Modul anpassen, um die Grafik einzubinden

Code:

---

<div class="top_link">
  <a href="{{env::request}}#top"><img src="/files/esobp/graphics/toplink.png" width="30" height="30" alt="Header" /></a>
</div>

---

CSS-Format

Code:

---

.top_link{ /*hide thumbnails under slider*/
        bottom:0;
        opacity: 0.9;
        position: fixed;
        right: 35px;
        z-index: 99;
}

---

Viele Grüsse,
David

Es funktioniert doch schon. Du musst nur mindestens 200px weit scrollen, dann erscheint der #top link am unteren Rand des Viewports. Vielleicht ist deine Auflösung zu groß und der Inhalt der Website zu wenig, sodass du dies nicht so siehst.

// ah :)