Me preguntaba cómo se puede lograr este tipo de animación. Consulte el ejemplo de animación de la sección "Descubra NUESTRA HISTORIA". He intentado usar el siguiente código para lograr un desplazamiento suave:

 handleScroll() { const currentPos = window.pageYOffset; const node = this.contentRef.current; const nodeOffsetTop = node.getBoundingClientRect().top; const DIVIDER = 18; if (currentPos > nodeOffsetTop) { node.style.transform = `translateY(-${currentPos / DIVIDER}%)`; } }

Sin embargo, tan pronto como introduce la segunda sección que está mucho más alejada de la parte superior, los valores aumentan significativamente y la disposición de la sección vuela hacia la parte superior. Me preguntaba si hay formas más adecuadas de manejar este tipo de animaciones.