kmytor

Hi, I'm really stressed, I don't know if you can help me. I tried everything but for some reason the menu keeps moving with respect to the size of the window, what can I do? if I disable the trigger the menu does not move, and also the rest of the panels do not move, the only one that changes is the pined one. can you help me

Thanks, I think I have a big problem in my project. 😅

I am using the scrolltrigger to position a menu at the top, they work fine, but when I change the window size everything changes and it does not position under the top menu, what am I doing wrong it is supposed to be px from top to bottom it should not affect the window size. Thanks

upps !!! hehehehe I'll try again, if it works I will not and come back hehehe

Hello, I have an error in my code, something is wrong. am I doing something wrong with stagger? const triggerPhotos = document.querySelectorAll(".foto"); triggerPhotos.forEach(pyts => { const tlPhotos = gsap.timeline({ scrollTrigger: { trigger: pyts, start: "top 40%", scrup: 1, ease: "expo.out", toggleActions: "restart none none reverse", } }) tlPhotos .from(pyts, { duration: 1, stagger: 0.3, x: "-50%", opacity: 0, }) });

thank you very much

Hi, I am using scrollTo() it doesn't animate, it makes small jumps, sometimes it works if it is animated and it jumps when it is immobile, I don't know what is happening.

What happens now is with scrollTo() it doesn't animate, it makes small jumps, sometimes it works and sometimes it doesn't. it's from the same project but it doesn't have to do with scrolltrigger. thanks https://codepen.io/kmytor/pen/OJZBMjj

now I have another problem with the scrollTo, should I open another case or can you help me on this one?

Great, I thought it was more complicated, I think I still need to understand a little more about gsap. thank you very much

Hi, I am trying to use the pin for a menu, but it works fine when I start the scroll star, but two things happen. 1 does not reach the end (FOOTER), about halfway the pin is disabled and the menu jumps many times. 2 When returning to the start or return a weird error comes out and it looks very ugly and uncontrolled. I do not know what I'm doing wrong, someone can guide me or help me thanks.

thanks if it's on that side, I will see the videos

Perfect, perfect if it works for me. I have an other question How can I increase the size of the scroll or how can I duplicate the scroll? try to do this but it doesn't work, multiply the body trigger: "body" * 2, my my idea is that the scroll goes slower since it goes very fast. is there a way to do this? ScrollTrigger.create({ trigger: "body" * 2, animation: photoOnly, start: '34% 35%', end: '45.8% 38%', scrub: true, markers: true, })

Thanks I will try it, if I cannot upload the example, ]Thanks again

Hello, I would like to know how can I calculate half of an object and center it with respect to the window? I tried to make this code but I think I am a little lost .to('.content', { width: '100vw', x: "-100%" / 2, duration: 2, }, "<")