Leaderboard

Thank you for all your help on this and for posting these answers. I did solve the issue by using jQuery to calculate the progression of the count. Next week I'll figure out the new animation unique to the mobile - horizontal v. vertical. https://codepen.io/drs-nyc/pen/dyVajVm I'll come back to your updates. But, of course, the resizing issue with the sample posted with the two changes would have saved days of trying to figure out how to do it. Oh well, lessons learned. I agree that this library and the samples you have are terrific. I'm going to spend the hours on becoming proficient with this tool. I'm very impressed with what it can do. Unfortunately, I was not planning to hit so many snags, first realizing that scrolling sections would need a completely new approach and that resizing would break using published samples. This is a fantastic resource, and I'll soon get up over that learning curve. But, right now, I know too little to offer practical ideas. Again thank you for the prompt responses. Just knowing I wasn't doing it right was enough to power through to a new approach that did work.

Hi @Decode I'm not too familiar with React's types, but this seems like it might work. function useArrayRef(): [MutableRefObject<any[]>, (ref: any) => void] { const refs = useRef<any[]>([]); refs.current = []; return [refs, (ref: any) => ref && refs.current.push(ref)]; }

Thank you OSUblake! Your solution is working perfectly. Have a nice day!

ah makes sense! by script do you mean this line: '<script src="js/script.js"></script>' or my actual gsap js script (to be moved before the closing </body> tag)? i understand now! it works thank you so much