Frage zum Einfügen von Ankern ("Nach oben"-Sprungl

[Fussel]

Hallo,

ich füge gerade auf den Seiten meiner Website im unteren Bereich solche Anker ein, durch deren anklicken man wieder zum Anfang der Seite nach oben springen kann.
Das sind keine Textlinks, sondern eine Pfeil-Grafik muss dafür angeklickt werden.
Ich nutze HTML5 und habe die Codes nun so eingebaut (sind die korrekt?):

Oben im Body-Bereich habe ich gleich dieses eingefügt:

Code: Alles auswählen

<div id="top"></div>

Und in der "Main Content Area" ist ganz unten das eingefügt:

Code: Alles auswählen

<div class="row-fluid">
	<div class="span12" style="text-align&#58;right">
		<a href="#top"><img src="images/arrow-up.png" alt="arrow" title="nach oben"></a>
	</div>
</div>

Es wird jetzt alles korrekt angezeigt und funktioniert auch. Hab's getestet mit dem Firefox, Chrome und dem Internet Explorer.

Nun habe ich aber bemerk, dass ich bei einigen Seiten vergessen habe, oben das <div id="top"></div> in den Code einzufügen. Man kann auf den entsprechenden Seiten aber trotzdem durch den Pfeilklick nach oben springen.
Wenn das auch so funktioniert, kann ich das <div id="top"></div> dann vielleicht auf allen Seiten ganz weglassen?

Grüße,
Fussel

[hirschwolf]

Wenn es dir wirklich nur darum geht, dass die Seite zurück nach oben scrollt, dann ja.

Zur Erklärung: wenn du das div (id=top) in der Seite integriert hast, springt die Seite einfach zum Anker mit der ID "top". Sollte dieser nicht definiert sein springt sie einfach nach ganz oben.

Rein theoretisch könntest du also einfach nur

Code: Alles auswählen

<a href="#">...</a>

schreiben und das div weglassen, um den gewünschten Effekt zu erzielen.

[Fussel]

Danke für die Erklärung!
Ja, es geht mir nur ums ganz nach oben zum Seitenanfang springen.
Also kann ich die vergessenen divs nun beruhigt einfach weglassen und muss sie nicht nachträglich noch überall reinfriemeln. Sehr schön.

Auf zwei Seiten habe ich nun auch mal oben einen Pfeil zum nach unten springen eingefügt.
Dazu habe ich im Footer das hier eingetragen, weil ich dachte, dass dieses jetzt vielleicht wirklich nur mit einem div-tag geht:
<div id="down"></div>

Oder gibt's dafür doch auch noch eine andere Möglichkeit?

[Rem]

In JS sähe das so aus:
<a href='javascript:scroll(0,0);'>
Aber wenn das schon wie oben beschrieben geht...