I was working on a project based on Gsap. I wanted that while a div enters in the viewport from 90% top , there was a div in that parent div. Now, there was multiple elements in the first child of that topmost parent div. The scrollTrigger property is not working , while checking into the console for responsiveness , it was working. But after returning into the large screen, and refresing , the problem is coming back. Please , can anyone solve it ?

I was working on a project based on Gsap. I wanted that while a div enters in the viewport from 90% top , there was a div in that parent div. Now, there was multiple elements in the first child of that topmost parent div. The scrollTrigger property is not working , while checking into the console for responsiveness , it was working. But after returning into the large screen, and refresing , the problem is coming back. Please , can anyone solve it ?

I was working on a project based on Gsap. I wanted that while a div enters in the viewport from 90% top , there was a div in that parent div. Now, there was multiple elements in the first child of that topmost parent div. The scrollTrigger property is not working , while checking into the console for responsiveness , it was working. But after returning into the large screen, and refresing , the problem is coming back. Please , can anyone solve it ?

I am using GSAP for the first time, on the loading website and create a animation, but it very laggy and jerky, can someone please help to fix this

`const header = document.querySelector(‘.header’);
const letters = document.querySelectorAll(‘.letter’);
const logo = document.querySelector(‘.logo a’); // Changed selector to target the logo element directly
const websiteContent = document.querySelector(‘.website-content’);