Pour accéder à toutes les fonctionnalités de ce site, vous devez activer JavaScript. Voici les instructions pour activer JavaScript dans votre navigateur Web.
Créer un site internet

Retour haut de page

Installer un retour haut de page sous forme de flèche

La flèche apparaît en bas à droite de l'écran lorsque l'on descend sur les pages, lorsque l'on clique dessus, la page remonte mais lentement par rapport à un retour classique.

Test
  
Le script

Vous devez insérer la totalité du script en zone éditable dans la partie :
"Scripts javascripts supplémentaires"

Personnaliser la flèche (facultatif)
     


Testez sur votre site !

  

11 votes. Moyenne 4.55 sur 5.

Commentaires (28)

1. Archiclair (site web) 13/02/2017

Vraiment super.
Je l'applique sur mon site, et ça fonctionne directement.
Encore merci Giga.

2. mothautcanton (site web) 29/01/2016

super ! un grand merci....

3. Did (site web) 18/09/2015

Bonjour,

Un grand merci pour votre travail qui m'a permis d'ajouter à mon site le bouton Haut de page avec facilité et sérénité.

Bonne journée,
Cordialement,
Did.

4. Lolo 14/08/2014

Merci pour ce code. Dommage que la flèche ne disparait pas dans la lightbox (lorsque le visiteur agrandit une photo). S'il clique sur la flèche, la lightbox "s'éteint" et le visiteur risque de ne pas retrouver le chemin du site.
Bravo pour votre travail

5. cevek (site web) 21/07/2014

Magique !!!
C'est simple, efficace, franchement MERCI MILLE FOIS !!! (après une aprem d'arrachage de cheveux, tu arrive un peu comme le Messie O:-) ... on a tous vécu des moments de solitude devant DreamWeaver, non ? )
Merci !
Webicalement

6. Gaëlle 16/05/2014

Super, merci encore.
J'ai juste mis 2% bottom et right, c'était vraiment juste un peu et c'est parfait.

Un grand merci pour le partage de tous les scripts présents sur ce site.

7. giga24 15/05/2014

Salut Gaëlle,

Pour déplacer la flèche, il faut modifier la valeur de "right", ex : right:40% à la place de right:0%

Giga 24

8. Gaëlle 15/05/2014

C'est bon, j'ai pu résoudre le problème et ça fonctionne nickel !
Merci pour le script.

Une petite question : est-il possible de le décaler un peu (juste un peu) vers le centre ?

9. Gaëlle 15/05/2014

C'est bon, j'ai pu régler le problème et ça fonctionne nickel !
Merci beaucoup pour ce script.

10. Gaëlle 15/05/2014

Bonjour,

Quand je teste le script haut de page par l'intermédiaire de votre site, il s'affiche, en revanche, lorsque je copie l'ensemble du script dans script supplémentaire javascript et j'enregistre rien ne passe, rien n'apparaît sur le site.

Comment puis-je résoudre ce problème ?

D'avance merci.

11. on5am (site web) 08/03/2014

Merci pour cette astuce qui fonctionne très bien sur mon site

12. Chris 22/09/2013

C'est top ! Merci !

13. Benoît (site web) 06/04/2013

Salut Giga,

Merci pour tous vos scripts !

Bien cordialement

14. cuisinesanschichi (site web) 26/03/2013

Bonjour,

Merci pour toutes vos astuces et vos scripts qui me permette d’améliorer mon site.

Bonne journée.

15. giga24 (site web) 24/09/2012

Bonjour,

Je ne connait pas WSS mais pour utiliser le script sur un site non créer avec e-monsite, il faut mettre ce script dans le header (entre les balises <head> et </header) de cette façon :

<script type="text/javascript">
le code ici
</script>

Giga 24

16. darkgwada 24/09/2012

comment faire pour utiliser ce sript sur une master page dans sharepont WSS

17. Geeeen de NaturaEssentia (site web) 16/09/2012

Salut Giga,
Je t'adore avec ton site... je sais que je vais revenir ici souvent.
Nouvelle sur Monsite, donc j'avance petit à petit mais il faut que je trouve le temps de rajouter ton avatar dans la liste de mes Amis. Patiente...
Bonne continuation,
super le design noir de ton blog, le top !
Bien cordialement et un grand merci pour le script du retour de page.
Geeeen

18. Les Scripts de Giga 24 (site web) 04/08/2011

Bonjour,

Pour changer la vitesse de montée, il suffit de d'augmenter la valeur -35, mettre par exemple -50, au niveau de :
for (var i = 0; i < scroll; i++){
scrollBy(0,-35);
}


J'ai vu que sur votre site, il y a qu'une partie du script de cette page : http://scriptsdegiga24.e-monsite.com/rubrique,defilement-haut-et-bas-de-page,1192922.html :
<div style="position:fixed; z-index:200; bottom:0%; right:0%;">
<a href="javascript:;" onMouseOver="defilPage('haut');" onMouseOut="defilPage('arret')" onClick="defilPage('directHaut');"><img src="http://s3.e-monsite.com/2010/08/09/08/fleche-haut.png" width="25px" height="25px" border="0" hspace="0" vspace="0" /></a><br>
<a href="javascript:;" onMouseOver="defilPage('bas');" onMouseOut="defilPage('arret')" onClick="defilPage('directBas');"><img src="http://s3.e-monsite.com/2010/08/09/08/fleche-bas.png" width="25px" height="25px" border="0" hspace="0" vspace="0" /></a>
</div>

Donc les flèche ne peuvent fonctionner dans ce cas.

Bonne journée,

Giga 24

19. Toine (site web) 04/08/2011

Bonjour,
est-il possible de changer la vitesse de montée ? Merci d'avance
Toine

20. Chocolator (site web) 01/08/2011

Encore une fois Merci Giga,
pour tes scripts géniaux !!!
ça fonctionne !!!

Cordialement

21. Didier LAMIC (site web) 17/03/2011

Bonjour,

Merci beaucoup pour votre aide.
Votre site est super et je vais le rajouter dans l'annuaire de mon site.
Heureusement qu'il y a des membre d'e-monsite plus fort que moi.
A bientôt et MERCI !

22. Renée GAUTIER (site web) 07/03/2011

tout fonctionne parfaitement bien, c'est parfait, merci

23. Un-cinema (site web) 30/01/2011

Après avoir utilisé le script pour la neige, j'ai maintenant sur mon site un super remonte page.
MERCI !

24. Les Scripts de Giga 24 (site web) 20/12/2010

Salut,

Il y a possibilité de changer la flèche en donnant l'url d'une autre dans la partie "Personaliser la flèche (facultatif)" de cette page, il faut clique sur le bouton générer ensuite pour mettre à jour le script ou changer directement dans le script à ce niveau :
<img src="http://s1.e-monsite.com/2010/07/08/04/haut-icone-8092-32.png" alt="Haut de Page" width="25px" height="25px"/>

Merci pour le commentaire.

@+

25. Toutairsoft (site web) 19/12/2010

Salut Giga,

merci beaucoup pour ton site bien utile. J'ai mis cette fonctionnalité sur mon site!

Je voudrais savoir: est-il possible de changer le type de flèche utilisé? merci beaucoup!

Bon courage pour tes scripts!

26. Les Scripts de Giga 24 (site web) 01/12/2010

Salut,

Merci pour le commentaire !

La flèche peut être déplacée, sur la première ligne il y a "bottom:0%; right:0%", bottom et right sont la position par rapport au bas et le coté droit.

En augmentant ces valeurs en % ou px (pixels), la flèche sera déplacée, par exemple tu peux mettre :
bottom:10px; right:10px

Si tu veux la mettre coté gauche, remplace right par left.

@+

27. yaya (site web) 01/12/2010

Génial
Tu as vraiment des scripts super
Je te met 2 merci
Ps: Dommage que la fléche bleu soit collée a droite dans le coin
Autrement superbissime

28. Nardo26 (site web) 18/11/2010

Bonjour et merci pour cette astuce! :)

Pour info : Je suis sous Firefox et pour que cela fonctionne j'ai été obligé de supprimer le href dans la balise <a>
(cf mon site dans rubrique 'log Analyzer')

Voir plus de commentaires
Ajouter un commentaire
 

Créer un site internet avec e-monsite - Signaler un contenu illicite sur ce site