IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Fonction jQuery animate(scrollLeft) en pur JavaScript


Sujet :

JavaScript

  1. #1
    Membre du Club
    Homme Profil pro
    Développeur Web
    Inscrit en
    Octobre 2013
    Messages
    452
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Côte d'Ivoire

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Conseil

    Informations forums :
    Inscription : Octobre 2013
    Messages : 452
    Points : 66
    Points
    66
    Par défaut Fonction jQuery animate(scrollLeft) en pur JavaScript
    Bonjour.

    Je recherche l'équivalent de la fonction animate() jQuery suivante pour Pure JavaScript:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <script type="text/javascript">
        $(document).ready( function() {
            $('#btn-menu-nav-previous').click(function() {
                $(".menu-inner-box").animate({scrollLeft: "-=100px"});
            });
     
            $('#btn-menu-nav-next').click(function() {
                $(".menu-inner-box").animate({scrollLeft: "+=100px"});
            });
        });
    </script>
    Ce code pourrait normalement permettre de paginer la liste des menus en cliquant sur suivant et précédent .

    Mais je cherche son équivalent dans Pure JS sans utiliser JQuery.

    Quelqu'un peut-il m'aider s'il vous plait ???

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 642
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 642
    Points : 66 668
    Points
    66 668
    Billets dans le blog
    1
    Par défaut
    Un boucle sur le ScrollLeft ?

    https://developer.mozilla.org/en-US/...ent/scrollLeft
    https://codepen.io/matths/pen/yjbis

    Mais je le ferais plutot en css

  3. #3
    Expert confirmé
    Avatar de Doksuri
    Profil pro
    Développeur Web
    Inscrit en
    Juin 2006
    Messages
    2 476
    Détails du profil
    Informations personnelles :
    Âge : 54
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2006
    Messages : 2 476
    Points : 4 687
    Points
    4 687
    Par défaut
    ca, et couple au css developer.mozilla.org/fr/docs/Web/CSS/scroll-behavior scroll-behavior: smooth; et t'as un effet "pro"

  4. #4
    Membre du Club
    Homme Profil pro
    Développeur Web
    Inscrit en
    Octobre 2013
    Messages
    452
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Côte d'Ivoire

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Conseil

    Informations forums :
    Inscription : Octobre 2013
    Messages : 452
    Points : 66
    Points
    66
    Par défaut
    Merci à tous pour la réponse

Discussions similaires

  1. Réponses: 3
    Dernier message: 12/03/2016, 09h21
  2. Réponses: 7
    Dernier message: 05/07/2015, 10h59
  3. Centrer une animation jquery isotope en css ou javascript ?
    Par Gilles_73 dans le forum Mise en page CSS
    Réponses: 0
    Dernier message: 22/08/2012, 10h44
  4. Réponses: 4
    Dernier message: 21/09/2007, 15h14
  5. Appel d'une fonction java (dans une applet) depuis javascript
    Par foued_scorpion dans le forum Applets
    Réponses: 2
    Dernier message: 17/01/2007, 10h40

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo