Häufig, gerade in Content Management Systemen mit float Layouts, ist es schwierig, eine Sprungmarke / Link innerhalb eines DIV Containers „nach oben“ zu setzen, damit automatisch nach oben gescrollt wird. Die bewährte Methode mittels eines Ankers (#top) funtioniert deswegen häufig nicht, weil die URL im CMS meistens nach dem Prinzip: index.php?id=123 aufgebaut ist. Als Ergebnis wird der Anker #top auf der Startseite aufgerufen und nicht auf der Ausgangsseite. Auch das „suchmaschinenfreundliche“ umschreiben der URLs schafft hier keine Abhilfe.
LÖSUNG:
Die Funktion scrollIntoView in Verbindung mit einer ID.
Im Head Bereich das JavaScript einbinden:
<script type="text/javascript"><!--
function top () {
document.getElementById("oben").scrollIntoView(true);
}
// --></script>
Im BODY das Ziel markieren:
<div id="oben">Anfang des DIV Containers</div>
und unten den Link setzen:
<a href="javascript:top()">nach oben</a>
Dann klappts auch innerhalb eines DIV Containers…

2 Kommentare bis jetzt
Pretty cool post. I just stumbled upon your blog and wanted to say
that I have really liked reading your blog posts. Anyway
I’ll be subscribing to your blog and I hope you post again soon!
Good Article!