Discussion :

[WPlover]

Bonjour,

J'essaye de changer la class de mon header au scroll de la manière suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function init() {
    window.addEventListener('scroll', function(e){
        var distanceY = window.pageYOffset || document.documentElement.scrollTop,
            shrinkOn = 300,
            header = document.querySelector("header");
        if (distanceY > shrinkOn) {
            classie.add(header,"headerstandard");
        } else {
            if (classie.has(header,"headerstandard")) {
                classie.remove(header,"headerstandard");
            }
        }
    });
}
window.onload = init();

Et voici mon

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div id="page">
	<header id="masthead" class="headerbigger">
	</header>
</div>

La console m'indique :

Uncaught ReferenceError: classie is not defined

Je n'arrive pas à comprendre d'où vient l'erreur.

Quelqu'un voit-il le problème ?

[Doksuri]

le message est pourtant clair : ta variable classie n'est pas initialisee

[WPlover]

Comment faut-il donc faire pour initialiser cette variable classie ?

[NoSmoking]

Bonjour,

initialiser cette variable classie ?

visiblement tu utilises une libraire tiers et dans ce cas il faut la charger dans ton document.

De nos jours il est inutile de passer par ce genre de code et il est tout aussi simple de travailler directement avec Element.classList