11487 sujets

JavaScript, DOM et API Web HTML5

Bonjour !

Peut-être que ma question demande quelque connaissances avec le plugin MagicScroll, mais au cas où des personnes ont déjà utilisé ce plugin, ou si vous connaissez une autre méthode, je suis ouvert à toutes les propositions !

Ce que j'essaie de faire : Changer la taille d'un titre de "vw" à "px" d'un header pendant le scroll, mais surtout faire en sorte que ce header soit toujours collé au "main" en dessous pendant le scroll jusqu'à 100px, et au delà, que ce header se comporte comme "fixed".

Voici mon example réduit : https://jsfiddle.net/29pesoL5/

Comme vous pouvez le voir, tout marche bien sauf que le header ne colle toujours pas au main en dessous pendant le scroll, et c'est à s'arracher les cheveux !!

Auriez-vous des conseils là dessus ?