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) :

     

Script à insérer :

document.write(unescape('%3Cdiv id="hp" style="position:fixed; z-index:5000; bottom:0%; right:0%; display:none;"%3E%3Ca href="javascript:;" onclick="retourHaut();"%3E%3Cimg src="" alt="Haut de Page"  width="25px" height="25px"/%3E%3C/a%3E%3C/div%3E'));

function retourHaut() {
$('html, body').animate({  
scrollTop:$('body').offset().top  
}, 'slow');
}

function scrollingDetector(){
var position = $(document).scrollTop();
if (position >= 250) {
$("#hp").show();
}
else {
$("#hp").hide();
}}
setInterval("scrollingDetector()", 250);

Testez sur votre site !

  


3 votes. Moyenne 5.00 sur 5.

Commentaires (1)

chat-noir
  • 1. chat-noir | 11/09/2013

Bonjour Giga, j'ai installé le retour haut de page et il fonctionne très bien

Ajouter un commentaire

×