Bouton de scroll [HTML, CSS , jQuery] [Résolu/Fermé]

Signaler
Messages postés
120
Date d'inscription
lundi 25 mars 2013
Statut
Membre
Dernière intervention
12 juin 2019
-
Messages postés
120
Date d'inscription
lundi 25 mars 2013
Statut
Membre
Dernière intervention
12 juin 2019
-
Bonjour,
Je voudrai sur mon site que l'on puisse cliquez sur un bouton qui me fait scroll de façon fluide a un certain endroit de ma page web

Merci de votre aide.



5 réponses

Messages postés
12
Date d'inscription
dimanche 28 décembre 2014
Statut
Membre
Dernière intervention
28 décembre 2014
11
Bonjour,

En jQuery c'est très simple :

 <a href="#" style="position: fixed; top: 10px">Cliquez ici</a>
<div style="height: 10000px"></div>


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script>
    $('a').click(function(event){
            event.preventDefault();
            var positionScroll = 1500;
            $('body').animate({scrollTop: positionScroll}, 500);
     });
</script>
6
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 65492 internautes nous ont dit merci ce mois-ci

Messages postés
120
Date d'inscription
lundi 25 mars 2013
Statut
Membre
Dernière intervention
12 juin 2019
6
UP
Messages postés
120
Date d'inscription
lundi 25 mars 2013
Statut
Membre
Dernière intervention
12 juin 2019
6
UP plz
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
650
Salut
pour cela tu as des pluging comme scrollto sinon voici un exemple de code jsfiddle
http://jsfiddle.net/clawfire/FKndZ/

Messages postés
120
Date d'inscription
lundi 25 mars 2013
Statut
Membre
Dernière intervention
12 juin 2019
6
MERCI beaucoup