Zum Inhalt springen

linktotop in div

Erstellt am 22. Mai 2007 · 8 Antworten · letzte Antwort am 29. August 2008

Tags: Links, HTML & CSS, Frage

jk87 ·

schönen vormittag,

ja,ja die kleinen dinge des lebens machen es ja erst lebenswert, oder wie ist das? #giggle#

habe eine seite erstellt in welcher der content in einem fixpositionierten div dargestellt wird (hier zum ansehen)

leider schaffe ich es nicht den top-link so zu definieren, dass er im div nach oben springt und nicht auf der gesamten seite. #angry#

ich verwende typo3 v4.1.1. mit automaketemplate v0.1.0.

danke schon mal für euren input

jörg

einpraegsam.​net ·

Wenn du am Anfang deines Scrollbereiches einen Anker setzt (nicht der Seite):

<a name="scroll_top"></a>

Und dann den totop Link etwas modifiziert - z.B.:

tt_content.stdWrap.innerWrap2 = | <p class="totop"><a href="{TSFE:siteScript}#scroll_top">to Top</a></p>
jk87 ·

den anker habe ich schon gesetzt gehabt, aber mein ts war falsch, danke dir!!!
gibts eigentlich auch eine lösung ohne dass die ganze seite neu lädt?

jörg

steffenk ·

wenn Du ein scroll-div nutzt, dann bringen Dir die normalen Anker nix, Du müsstest schon eine JS-Methode nutzen, z.B.

tt_content.stdWrap.innerWrap2 = | <p class="totop"><a href="" onclick="this.scrollTop=0;">to Top</a></p>

ohne Gewähr

jk87 ·

ist zwar schon länger her, konnte es aber erst jetzt testen
und es funktioniert einwandfrei, danke dir steffenk :p
mich stört nur das er die ganze seite nochmal neu lädt, aber mit dem muss ich halt leben

nochmals danke

jörg

Ascarion ·

Häng' mal ein "return false;" im onclick-Event hinten an. Dann sollte die Seite nicht neu geladen werden.

jk87 ·

das mit "return false;" will nicht klappen und jetzt musste ich auch noch feststellen, dass die lösung von steffenk in unserem guten alten freund von microsoft - ie - nicht funktioniert, verlinkt auf die startseite bzw. typo3-verzeichnis #evil#

Ascarion ·

Folgendes funktioniert wenn der Link direkt innerhalb des scrollbaren Divs liegt:

<a href="#" onclick="this.parentNode.scrollTop=0; return false;">nach oben</a>

Wenn der Link weiter verschachtelt ist musst Du dich über mehrere "parentNodes" eben durcharbeiten.

Die eleganteste Lösung ist das natürlich nicht; und wenn sich der HTML-Code mal ändert, kann es natürlich sein, dass das ganze nicht mehr funktioniert.
Am besten also mit einer Funktion lösen, die sich anhand von Klassen oder IDs den richtigen DIV-Container sucht, und den nach oben scrollt.

ben2k ·

Hallo! 🙂

Ist zwar schon was her, aber auf deiner Seite kin &khao musst du einfach bei dem 'href=' ein 'href=#' setzen, dann reloaded der auch nicht.

vg