Quiero construir el sitio web de mi cliente como ssk.com e intenté cambiar el código JQuery de este jsfiddle.net/LmkwxkfL al código. pero parece que no pude traducir el código.

Resultado: el texto tiembla después de desplazarse

Este es mi código:

 const [scroll, setScroll] = useState(0); useEffect(() => { window.addEventListener("scroll", handleScroll); return () => { window.removeEventListener("scroll", handleScroll); }; }); function handleScroll() { setScroll( window.scrollY || window.scrollTop || document.getElementsByTagName("html")[0].scrollTop, document.documentElement.style.setProperty("--scroll-var", scroll + "px") ); }

No sé qué falta, pero hace que todo mi texto se vuelva inestable después de renderizarlo y comienza después de desplazarse por la página.

Lo siento, soy un novato aquí.