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 !