Faire défiler la page vers le bas
Résolu
moinoam
Messages postés
142
Date d'inscription
Statut
Membre
Dernière intervention
-
SweetRiver Messages postés 102 Date d'inscription Statut Membre Dernière intervention -
SweetRiver Messages postés 102 Date d'inscription Statut Membre Dernière intervention -
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 :
Et mon code HTML :
Je voudrais faire le même script sauf en descendant.
Merci d'avance
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
A voir également:
- Défilé vers le bas
- Windows 7 vers windows 10 - Accueil - Mise à jour
- Flèche vers le bas clavier ✓ - Forum Clavier
- Clavier qwerty vers azerty - Guide
- Virginie organise un rallye avec 30 équipes. elle veut créer un code pour désigner chaque équipe. elle a commencé à la main, mais elle voudrait le faire calculer à l'aide d'une formule. proposez une formule comportant une seule fonction et à recopier vers le bas dans la colonne a du fichier à télécharger. quelle formule sera en a9 ? ✓ - Forum Excel
- Barre en bas ✓ - Forum PC portable
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.
@+
J'ai remplacé mon code par le vôtre et ça ne marche pas.
Fallait-il changer le HTML (désolé, je ne suis que débutant)
merci
Si ton site n'inclut pas encore jQuery, il faut l'appeler (par exemple) comme ceci :
en mettant cette ligne dans la section <head> par exemple
Si cela ne marche pas ou si tu rencontres un autre souci, peux-tu donner un lien vers le site ? Merci
@+
j'ai ce code :
<html> <head> <style type="text/css"> #imageDroite { left:1300px; top:42px; position:fixed; float:right; } </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script> <script type="text/javascript"> function scrollLent() {$("html, body").animate({ scrollTop: $(document).height() }, 1000); } </script> <script type="text/javascript"> function scrollTop() { var scrollTop = document.body.scrollTop || document.documentElement.scrollTop; if(scrollTop > 0) { scrollBy(0, -5); setTimeout(scrollLent, 5); } return true; } </script> <title>Formulaire de contact</title> </head> <body> <div id="imageDroite"> <a Onclick="javascript:scrollLent()"><img src="https://www.toutimages.com/cadregifs.htm" border="no"></a><br /> <br /> <a Onclick="javascript:scrollTop()"><img src="https://www.toutimages.com/cadregifs.htm" border="no"></a> </div> </body> </html>