Seitenanfang-Button

 

One.com Forum und Tutorial

Lösungen sind meist ganz einfach - wenn man sie kennt

 

 

Seitenanfang-Button

 

Grundsätzlich versuche ich immer und empfehle das auch, den Scrollbedarf auf einer Website möglichst gering zu halten. Aber man kann es eben nicht immer verhindern. Und das bedeutet für den Besucher in der Regel, dass er wieder nach ober scrollen muss, damit er wenigstens wieder in den Bereich des Menüs gelangt.

Natürlich könnte man auch die „POS1-Taste“ auf der Tastatur benutzen, aber dann müßte man ja die Maus loslassen. Und das können viele gar nicht mehr. Also macht es Sinn, einen Button anzubieten, der die Seite wieder an den Anfang setzt.

 

In meinem Projekt hier habe ich das ganz einfach mit einem Link realisiert, der den Sprungbefehl zum Seitenanfang enthält. Hier ist der Code:

 

<a href="#"><p style="background-color:#c3ffad; color:green"; align=center>

Seitenanfang</p></a>

 

Der eigentliche Sprungbefehl ist das <a href=“#“> und den Link habe ich noch schnell in einen p-Tag integriert um ihn etwas im Layout anzupassen. Ich denke das muss man nicht erklären, man sieht was was bedeutet.

 

Den Code habe ich in ein Codeelement gepackt, welches ich in die Fußzeile integriert habe. Bitte beachten, das das Codeelement vollständig im Bereich der Fußzeile liegen muss, da es sonst als Seitenelement interpretiert wird und sich nicht mit der Fußzeile nach unten verschiebt. Das würde bedeuten, das es bei langen Seiten dann irgendwo imText stehen würde.