Partage
  • Partager sur Facebook
  • Partager sur Twitter

Changer de couleur une div au scroll

Sujet résolu
    21 août 2018 à 16:44:44

    Bonjour à tous, je suis en train de créer un site dans lequel j'ai placé un "div" représentant le header. Celui-ci prend à l'aide d'une fonction javascript, la taille de la fenêtre de l'utilisateur. J'aimerai lors du scroll d'un visiteur, que ma "div" change de couleur en dégradé. Pour cela j'aurai besoin de trouver la manière dont on peut récupérer les coordonnées du haut de ma div au moment du scroll. Quelqu'un aurait-il une solution, je sais que l'on peut utiliser plusieurs événements comme "onmousewheel" mais je n'arrive pas à faire ce que je veux pour le moment. Merci par avance :)
    • Partager sur Facebook
    • Partager sur Twitter
    "C'est avec l'eau du corps qu'on tire celle du puits"
      21 août 2018 à 16:59:37

      attache un event (scroll) sur ta div et dans le callback change la couleur ?
      • Partager sur Facebook
      • Partager sur Twitter
        21 août 2018 à 18:37:31

        • Partager sur Facebook
        • Partager sur Twitter
        Passer pour un idiot aux yeux d'un imbécile est une volupté de fin gourmet.
          21 août 2018 à 21:14:31

          Merci à vous !

          Zoki, c'est parfait sauf que j'aimerai attacher l'élément à ma div et non à mon élément window, car j'aurai besoin de le faire pour d'autres div par la suite ... une autre solution?

          • Partager sur Facebook
          • Partager sur Twitter
          "C'est avec l'eau du corps qu'on tire celle du puits"
            24 août 2018 à 14:38:55

            Le scroll tu le mets pas sur ta div. Tu scroll sur ta fenêtre et c'est au scroll que tu change la couleur de ta div. Le conseil que je peut te donner c'est de passer par une classe css plutôt que de changer directement en js le style. Voici un exemple : https://jsfiddle.net/yx7kvduL/23/

            Le plus dur c'est de faire le css alors que le js tu ajoute ou retire une classe en fonction du besoin.

            • Partager sur Facebook
            • Partager sur Twitter

            Changer de couleur une div au scroll

            × 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