Code solutions to PHP, JS, CSSCode source PHP, JS, CSS

Répandez vos soluces sur la planète

Love me
Solucior » JAVASCRIPT » Remonter haut de page

Remonter haut de page

06/08/2011 par Dux   -   4.4/5 (11 notes)

La fonction toTop() associée à un lien remonte la page tout en haut du scrolling.

Demo.

Click to test toTop

code source



 
<script type="text/javascript">

   function
toTop() {
       if (
window.innerHeight && window.scrollMaxY) {        
           var
yscr = window.pageYOffset;
       } else if (
document.body.scrollTop) {
           var
yscr = document.body.scrollTop;
       } else {
           var
yscr = document.documentElement.scrollTop;
       }
       
       if (
yscr > 0) {
           if (
document.body.scrollTop) document.body.scrollTop = Math.floor(yscr / 1.1) ;
           if (
document.documentElement.scrollTop) document.documentElement.scrollTop = Math.floor(yscr / 1.1) ;
           
setTimeout("toTop()", 10);
       }
   }

</script>

<div style="height:2000px"></div>
<a href="javascript:void(0)" onclick="toTop()">To top</a>

Testé avec Safari  Google Chrome  Firefox3  Firefox4  Opera  IE6  
Noter ce code     |     Copié : 250x

Commentaires pour Remonter haut de page

younes     05/20/2013 23:42
merci beaucoup c'est vraiment sympa...
sami     03/11/2013 17:48
Merciiii ca marche :)
lafumee     02/14/2013 10:50
parfait et simple
Plutonium     01/11/2013 15:22
Excellent !
Merci     01/07/2012 03:21
Super code, ça marche nickel !!! Merci !
Ajouter un commentaire Pseudo   Site
ZOOM