Faire défiler la page vers le bas

Résolu/Fermé
moinoam Messages postés 142 Date d'inscription mercredi 13 mars 2013 Statut Membre Dernière intervention 21 novembre 2013 - 5 juin 2013 à 14:45
SweetRiver Messages postés 102 Date d'inscription jeudi 4 août 2011 Statut Membre Dernière intervention 22 novembre 2016 - 6 juin 2013 à 20:21
Bonjour,
J'aimerais que sur mon site, je puisse faire un lien qui me descend en bas de page comme si c'est l'utilisateur qui scrolle, pas qu'on arrive directement. J'ai déjà cherché sur Internet, sans succès.

J'ai réussi a faire vers le haut. Mon code javascript :
function scrollLent()
{
    var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
    if(scrollTop > 0)
    {
        scrollBy(0, -5);
        setTimeout(scrollLent, 5);
    }
    return true;
}

Et mon code HTML :
<a Onclick="javascript:scrollLent()"><img src="https://www.toutimages.com/cadregifs.htm" border="no"></a>

Je voudrais faire le même script sauf en descendant.
Merci d'avance


1 réponse

SweetRiver Messages postés 102 Date d'inscription jeudi 4 août 2011 Statut Membre Dernière intervention 22 novembre 2016 6
Modifié par SweetRiver le 5/06/2013 à 19:15
Bonsoir,

Tu peux y arriver simplement en utilisant ceci (à intégrer dans ta fonction) :

$("html, body").animate({ scrollTop: $(document).height() }, 1000);

@+
0
moinoam Messages postés 142 Date d'inscription mercredi 13 mars 2013 Statut Membre Dernière intervention 21 novembre 2013 1
6 juin 2013 à 18:04
je le met dans mon code actuel ? ça donnera quoi le code complet ?
0
SweetRiver Messages postés 102 Date d'inscription jeudi 4 août 2011 Statut Membre Dernière intervention 22 novembre 2016 6
6 juin 2013 à 18:18
Euh... bonjour et merci sont toujours agréables ;)

Autrement, ta fonction devient :

function scrollLent() {
   $("html, body").animate({ scrollTop: $(document).height() }, 1000); 
};

1000 étant la durée en mS de ton scroll. Ici donc 1 seconde.

@+
0