webmaster webmastering webdesign

Jesteś tutaj: webmade.org >> porady >> xhtml + html + css

Powrót do góry strony

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

szukaj: kotwice html kotwice html scroll 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

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

Szukasz profesjonalnej firmy?
Strony internetowe.
Zobacz nasze realizacje!

 

valid XHTML
valid CSS
© 2004-2008 copyright by webmade.org