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 :

Animation au Scroll


Sujet :

JavaScript

  1. #1
    Membre � l'essai
    Homme Profil pro
    D�veloppeur .NET
    Inscrit en
    Juin 2019
    Messages
    4
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 28
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activit� : D�veloppeur .NET

    Informations forums :
    Inscription : Juin 2019
    Messages : 4
    Par d�faut Animation au Scroll
    Bonjour � tous,

    Alors voil� je passe mon BTS demain et une partie de ma pr�sentation me d�range, je pense avoir �crits des b�tises..
    Nom : scrollreveal.PNG
Affichages : 182
Taille : 4,9 Ko
    Je veux juste que vous savoir si je que j'en ai compris est correcte ou non..
    "
    ScrollReveal est une m�thode faisant partie de la biblioth�que JavaScript du m�me nom.
    La Const SR est le r�sultat de l�appel de la m�thode ScrollReveal.

    En l�occurance SR est un objet qui contient des m�thodes comme reveal().
    Cette constante sera utilis�e � chaque fois que l�on souhaite faire une animation au Scroll.

    Il suffit de se servir de SR et des faire un . avec la m�thode Reveal, ou l�on vient cibler l��l�ment � animer (ici img-fluides)
    Il serait tout � fait possible de s�arr�ter ici et d�avoir une animation basique (apparition de bas vers le haut).
    L�utilisateur a la possibilit� de personnaliser les animations. On appelle cela des OPTIONS.
    Les Options sont des OBJETS que l�on va passer en 2�me param�tres de la m�thode Reveal et dans cet objet on va passer les options tel que*: �*citer*� "

  2. #2
    Invit�
    Invit�(e)
    Par d�faut
    Bonjour,

    1- merci de copier-coller le code dans le contenu du message + balises [CODE][/CODE] (ic�ne # du menu)

    2-
    Citation Envoy� par soweka Voir le message
    ...Je veux juste que vous savoir si je que j'en ai compris est correcte ou non...
    Par contre l�... il faut traduire....
    ... Le reste aussi, d'ailleurs....

  3. #3
    Membre � l'essai
    Homme Profil pro
    D�veloppeur .NET
    Inscrit en
    Juin 2019
    Messages
    4
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 28
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activit� : D�veloppeur .NET

    Informations forums :
    Inscription : Juin 2019
    Messages : 4
    Par d�faut
    Mdr je suis d�sol� ^^
    Je demande juste que quelqu'un ayant de bonnes connaissance en JS puisse valider ce que j'en ai compris

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    const sr = ScrollReveal();
     
    sr.reveal('.img-fluid', {
        origin: 'right',
        distance: '450px',
        duration: 2000,
        scale: 2,
        reset: false,
    });
    et voici ce que j'en ai tir� et que je compte pr�senter demain � l'oral!

    "ScrollReveal est une m�thode faisant partie de la biblioth�que JavaScript du m�me nom.
    La Const SR est le r�sultat de l�appel de la m�thode ScrollReveal.

    En l�occurance SR est un objet qui contient des m�thodes comme reveal() qui permet l�animation.
    Cette constante sera utilis�e � chaque fois que l�on souhaite faire une animation au Scroll.

    Il suffit de se servir de SR et des faire un . avec la m�thode Reveal, ou l�on vient cibler l��l�ment � animer (ici img-fluides)
    Il serait tout � fait possible de s�arr�ter ici et d�avoir une animation basique (apparition de bas vers le haut).
    L�utilisateur a la possibilit� de personnaliser les animations. On appelle cela des OPTIONS.
    Les Options sont des OBJETS que l�on va passer en 2�me param�tres de la m�thode Reveal et dans cet objet on va passer les options tel que*: �*citer*�"


    Merci � vous

  4. #4
    Invit�
    Invit�(e)
    Par d�faut
    Je suppose que tu parles de CE ScrollReveal ?

    Perso, � part lire la doc... je n'en sais pas plus.

Discussions similaires

  1. Animation au scroll
    Par JackSteller dans le forum G�n�ral JavaScript
    R�ponses: 0
    Dernier message: 09/08/2019, 23h24
  2. Animations au scroll
    Par poussinvert dans le forum G�n�ral JavaScript
    R�ponses: 2
    Dernier message: 30/12/2013, 15h13
  3. R�ponses: 7
    Dernier message: 03/09/2013, 09h56
  4. Effets d'animation au scrolling
    Par quentin74 dans le forum G�n�ral JavaScript
    R�ponses: 2
    Dernier message: 29/01/2012, 18h01
  5. Scroll dans les animations Flash
    Par kericoul dans le forum Flash
    R�ponses: 1
    Dernier message: 26/06/2007, 17h26

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