Powrót do góry strony

autor: Patryk 'yarpo' Jar, ostatnia modyfikacja: 2007-02-21

szukaj: kotwice html scroll

Często na dole długich stron można znaleźć przydatny link 'do góry'. Link ten powoduje przewinięcie okna przeglądarki na samą górę strony. Jest kilka sposobów wykonania tego:

kotwica HTML:

...
<html>
<head>
<title>Strona</title>
</head>
<body>
<a name="gora">Tu jest góra strony</a>
...
tu jest bardzo dużo treści
...
<a href="#gora">to jest odnośnik, który przeniesie Cię na górę strony</a>
</body>
</html>

Zamiast napisu "Tu jest góra strony" możesz wstawić dowolny tekstlub grafikę. Ten sposób wymaga jednak od projektanta dołaczenia na górze strony specjalnego kodu. Są jednak inne metody.

JavaScript

Wykorzystując JS można szybko osiągnąć ten sam efekt - bez żadnych dodatkowych znaczników:

..
<html>
<head>
<title>Strona</title>
</head>
<body>
...
tu dużo treść
...
<a href="javascript:scroll(0,0);">Ten link przeniesie Cię na górę strony</a>
</body>
</html>

Patryk 'yarpo' Jar

szukaj: kotwice html scroll scroll

Osoby czytające tę publikację przeglądały również:

Chcesz zostać programistą?

Poznaj 6 kroków do efektywnej
nauki programowania!