Magazine Internet

Smooth Scroll : Remonter en haut de page grace au scroll automatique

Publié le 07 septembre 2007 par Avi Teboul
Vous avez sûrement sur votre site un lien "Retour en haut" ou encore "Haut de page" voire même "Vers le haut" ... que sais-je ?
Quoi qu'il en soit l'effet généré par ces liens ne sont pas du tout esthétique alors voici la solution optimale entre la facilité d'installation, la rapidité d'exécution et l'effet esthétique ...
Etape 1 : Télécharger le fichier smothscroll.js
Etape 2 : Intergez le entre les balise <head> et </head> (facile !)

<script src="smoothscroll.js" type="text/javascript"></script>


Etape 3 : Placez le marqueur d'arrivé (en haut du document)
théoriquement, juste en dessous de <body> (mais si vous voulez viser un autre endroit , c'est comme vous voulez ^^

<a name="top">Smooth scrolling demo</a>


Etape 4 :  Bah qu'a plus qu'a créer le lien cliquable qui vous amènera en haut de la page !
<a href="#top">Back to top</a>
Notez que vous pouvez inverser le marqueur d'arrivé et le lien de départ en les inversant , c'est a dire que le lien ira en bas de page par exemple !

Retour à La Une de Logo Paperblog

A propos de l’auteur


Avi Teboul 600 partages Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte