Le 20 octobre 2021 à 14:25:57 :
Ton code ?
Poste tes messages d'erreurs sinon on pourra pas t'aider.
Sinon dans le même temps, y a l'api Interesection Observer qui fait ça directement avec le moteur en natif. Pas besoin de librairies tierces.
edit : ah oui j'avais pas vu, tu veux surement faire des effets de parallaxe. Je pensais que ça faisait que révéler des éléments au scroll.
HTML
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll@3.5.4/dist/locomotive-scroll.css">
<link rel="stylesheet" href="css/main.css"/>
</head>
et à la fin du body j'ai mis ca
<script src="https://cdn.jsdelivr.net/npm/locomotive-scroll@3.5.4/dist/locomotive-scroll.min.js"></script>
<script src="index.js"></script>
JS
const scroll = new LocomotiveScroll({
el: document.querySelector('[data-scroll-container]'),
smooth: true
});
Je n'ai aucun message d'erreur dans la console ... Après je peux mettre tout le contenu du body :