{tuto} Créer un bouton haut de page sans javascript

Bouton compatible avec tous les navigateurs

Je vous recommande l'utilisation de cette solution afin d'assurer une compatibilité avec les navigateurs anciens.

Pour pouvoir réaliser un bouton "retour en haut" Il faut créer une ancre < a > au début du premier élément < div > de votre page puis pointer vers cette ancre pour remonter en haut de la page.

<a id="top"></a>

Pour faire pointer un lien vers cette ancre, il suffit de placer son nom ou id (top) précédé d'un dièse # dans l'attribut href.

<a href="#top" title="Retour en haut">Haut de page</a>

Ce qui devrais vous donner : Haut de page

Vous pouvez également insérer un image à la place du texte.

<a href="#top" title="Retour en haut"><img alt="retour en haut" src="http://mon-site.com/mon-image.png"></a>

Bouton compatible avec les navigateurs récents.

Pour les navigateurs récents,c'est on ne peut plus simple ! Il suffit de placer un dièse # dans l'attribut href d'une ancre < a > pour réaliser ceci.

<a href="#" title="Retour en haut">Haut de page</a>

Pour aller plus loin

Si vous souhaitez allez plus loin vous pouvez consulter le tutoriel sur la création d'un bouton haut de page en Jquery qui à l'avantage d'ajouter un petit effet slide très sympathique ;)

Christian Aslan