React useGsap with scrolltrigger not updating actual width of the DOM element
/* eslint-disable @next/next/no-img-element */ “use client”; import { useLayoutEffect, useRef } from “react”; import { useGSAP } from “@gsap/react”; import { ScrollTrigger } from “gsap/all”; import gsap from “gsap”; gsap.registerPlugin(ScrollTrigger); const HorizontalScroll = () => { const scrollWrapperRef = useRef(null); useLayoutEffect(() => { const ctx = gsap.context(() => { gsap.to(scrollWrapperRef.current, { x: () => -(scrollWrapperRef.current.scrollWidth […]
React useGsap with scrolltrigger not updating actual width of the DOM element
/* eslint-disable @next/next/no-img-element */ “use client”; import { useLayoutEffect, useRef } from “react”; import { useGSAP } from “@gsap/react”; import { ScrollTrigger } from “gsap/all”; import gsap from “gsap”; gsap.registerPlugin(ScrollTrigger); const HorizontalScroll = () => { const scrollWrapperRef = useRef(null); useLayoutEffect(() => { const ctx = gsap.context(() => { gsap.to(scrollWrapperRef.current, { x: () => -(scrollWrapperRef.current.scrollWidth […]