Changement de class au scroll

Version imprimable

Bonjour,

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

Code:

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:

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

La console m'indique :

Citation:

Uncaught ReferenceError: classie is not defined

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

Quelqu'un voit-il le problème ?

09/03/2021, 21h15
Doksuri

le message est pourtant clair : ta variable classie n'est pas initialisee
09/03/2021, 21h21
WPlover

Comment faut-il donc faire pour initialiser cette variable classie ?
10/03/2021, 11h31
NoSmoking

Bonjour,

Citation:

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