utilisation de scrollY et else en javascript

ne fonctionne pas avec scroll Y=

11 mai 2022 à 13:54:44

Bonjour

(voici l'entiérté du code : https://codepen.io/ollympus-ol/pen/zYRBWmM)

j'ai fait un code javascript me permettant de changer la barre de navigation en noire lorqu'elle arrive à un défilement supérieure ou égale à 930px et qui redevient normale dans les autres situation. J'ai utilisé l'expression:

window.addEventListener('scroll', () => {

if(window.scrollY >=930){

navigation.classList.add('anim-nav');

} else {

navigation.classList.remove('anim-nav');

}

})

Le code fonctionne parfaitement cependant, quand je met un "=" à la place de ">= le code après "else" ne fonctionne plus. QUelqu'un pourrait-il m'en expliquer la raison?

Voici le code complet ici avec html et css :

https://codepen.io/ollympus-ol/pen/zYRBWmM

merci d'avance!

-
Edité par MoiEtmoi2 11 mai 2022 à 13:56:10

Lamecarlate

11 mai 2022 à 14:05:50

Bonjour,

c'est parce que "=" est une assignation et non une comparaison en JavaScript. Utilise "==", ou "===" pour une comparaison stricte.

Ensuite, si tu utilises un "== 930" ça ne sera valide que pendant un pixel de hauteur, est-ce que c'est vraiment ce que tu cherches ?

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