Partage
  • Partager sur Facebook
  • Partager sur Twitter

Fade au scroll (une seule fois)

    25 octobre 2016 à 12:03:35

    Salut tout le monde
    J'aimerai réaliser le même effet que sur la présentation de l'iphone 7 (sur l'appleStore).
    L'apparition d'une image au scroll, mais qui reste après cela. (c'est le point essentiel, je ne veux pas que si l'on monte/descend il y ai un fadein fadeout)
    Vous connaissez un petit script CSS ou jquery par hasard ?
    • Partager sur Facebook
    • Partager sur Twitter
      25 octobre 2016 à 13:18:17

      Bonjour,

      Je ne suis pas certain d'avoir compris ce que tu veux réaliser à 100% mais je peux te proposer un petit script js que l'on nomme wow généralement.

      J'ai trouvé cette personne qui explique très bien son fonctionnement : http://mynameismatthieu.com/WOW/docs.html

      Il y a un exemple sur son site : http://mynameismatthieu.com/WOW/

      Une explication en francais : http://epicadesign.fr/animer-vos-elements-html-avec-wow-js/

      C'est assez simple pour le mettre en place.

      Bonne journée !

      -
      Edité par huextrat 25 octobre 2016 à 13:22:50

      • Partager sur Facebook
      • Partager sur Twitter
        26 octobre 2016 à 12:58:41

        Bonjour,

        Il y a un exemple sur son site : http://mynameismatthieu.com/WOW/

        ben c'est surtout que c'est lui qui a développé le script :)

        • Partager sur Facebook
        • Partager sur Twitter

        Pas d'aide concernant le code par MP, le forum est là pour ça :)

          26 octobre 2016 à 14:30:56

          C'est ce qu'il me semblait mais j'avais un doute, c'est pour ça qu'il explique très bien le fonctionnement du script alors :p
          • Partager sur Facebook
          • Partager sur Twitter

          Fade au scroll (une seule fois)

          × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
          × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
          • Editeur
          • Markdown