Supongo que esta pregunta significa que me falta una comprensión básica de cómo implementar una biblioteca .git.
A continuación, estoy tratando de usar el increíble in-view.js de CamWiegert para activar cambios en los tres cuadros, pero sin suerte.
Toda ayuda será apreciada.
<style> body { background-color: lightskyblue; } section { height: 100vh; width: 100vw; display: flex; justify-content: center; align-items: center; } .box { background-color: green; height: 40vw; width: 40vw; } .in-viewport .box { background-color: red; } </style> </head> <body> <section> <div class="box"> </div> </section> <section> <div class="box"> </div> </section> <section> <div class="box"> </div> </section> <script src="https://unpkg.com/in-view@0.6.1/dist/in-view.min.js"></script> <script> console.log('hello world') inView('.section') .on('enter', section => { section.classList.add('in-viewport') }) .on('exit', section => { section.classList.remove('in-viewport') }); inView.threshold(0.2) </script> </body>