Bouton de scroll [HTML, CSS , jQuery]

Résolu/Fermé
AB2C Messages postés 120 Date d'inscription lundi 25 mars 2013 Statut Membre Dernière intervention 12 juin 2019 - 25 déc. 2014 à 21:57
AB2C Messages postés 120 Date d'inscription lundi 25 mars 2013 Statut Membre Dernière intervention 12 juin 2019 - 28 mars 2016 à 22:45
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

vik-prod Messages postés 12 Date d'inscription dimanche 28 décembre 2014 Statut Membre Dernière intervention 28 décembre 2014 13
28 déc. 2014 à 13:51
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
AB2C Messages postés 120 Date d'inscription lundi 25 mars 2013 Statut Membre Dernière intervention 12 juin 2019 6
25 déc. 2014 à 22:37
UP
0
AB2C Messages postés 120 Date d'inscription lundi 25 mars 2013 Statut Membre Dernière intervention 12 juin 2019 6
27 déc. 2014 à 21:13
UP plz
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
28 déc. 2014 à 13:02
Salut
pour cela tu as des pluging comme scrollto sinon voici un exemple de code jsfiddle
http://jsfiddle.net/clawfire/FKndZ/

0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
AB2C Messages postés 120 Date d'inscription lundi 25 mars 2013 Statut Membre Dernière intervention 12 juin 2019 6
28 mars 2016 à 22:45
MERCI beaucoup
0