sybilrondeau

same Codepen I updated : https://codepen.io/sybilrondeau/pen/QWyjRzr

Hi ! I installed the new released ! Media queries works well except another bug ! My last picture disappear when resizing down the screen and doesn't come back when resizing up until I refresh...

I understand. Thank you very much. It's awesome to have access to this kind of help here.

Yes very well thank you ! Can I use it already on my real project ? When will it be released ?

So I updated codepen with exactly what I have in my local project, and I think what's wrong is the media query I put in my JS with matchMedia... because now I can see the issue in codepen when I resize the screen. What's wrong ? How can I do if I want this script to apply only when the screen is 900px and more ? And not only on refresh ?

I understand ! When I updated gsap I just did npm install .gsap-bonus.tgz again (the new one), is it ok ?

It's perfectly fine in codepen, but in my local project I still have the issue (I upgraded with 3.3.4) when resizing manually the browser.

It is better with 3.3.4 but I still have the issue sometimes...

Yes ! Thank you

Yes it seems ok with the next release ! When could I be able to download it to my real project ? Thank you !

Hi. I have an issue that appears only when I try to resize the nav : the whole portfolio div falls eventually on the contact div. If I refresh, everything goes to normal. I tried with pinSpacing: false and manually add some space under the portfolio div but the issue remains the same. What did I do wrong ? I spotted the same behavior on a tutorial online using pin: true. https://www.williamrchase.com/post/scrollytelling-with-gsap-scrolltrigger/

Awesome ! Thank you very much !

Done !

hi, it is a project, and whenever I put the url here I got this... do I need to make a Pen instead ?

Hi. I am trying to make a slideshow and I have a problem with a little recess on the last picture when we want to quit the section. It's like it quit the animation but it's been pinned again before we can really scroll down to the next section. That's annoying and I can't find a solution. Do you have an idea why ? Also, I made two different timelines and create two ScrollTriggers for this section. Was it doable in juste one timeline and one ScrollTrigger ? (as it is the same trigger for both, I just have a snap added to the pictures side. At last, that's weird because snap works here in codepen but doesn't in my real project... Thank you for you help !

I did like you said, I even tried it on a complety new project with nothing else installed. With yarn add ./gsap-bonus.tgz I had only part of the plugins installed. So I started fresh again and tried with npm install ./gsap-bonus.tgz. And it works !! That's so weird !

Well it doesn't work finally... I was with gsap 3.3.1 so I could see ScrollTrigger, but not DrawSVG. ? I have installed again ./gsap-bonus.tgz but when I do that, I lost some of the plugin (I see DrawSVG but not ScrollTrigger). What do I do wrong ??

OK finally it works ! Thank you ! I am very newbie to all that . Can't wait to learn ! Thank you again.

Ok ! I did that, but I still have the "can't resolve the dependencie" error... That's why I don't understand. When I write "import {ScrollTrigger} from {gsap/ScrollTrigger}", that means I should see ScrollTrigger.js directly in the gsap directory in Node Module, right ? Like SplitText or ScrollToPlugin or morphSVG ?

why do I have a package directory like this ? Is it ok ?

But I still get this error :

Ok sorry I can see it ! Thanks for your help !

Hi ! I try to install ScrollTrigger on my project (prod with Parcel). So I downloaded again gsap to access the new gsap-bonus.tgz file and yarn add it to my project. But I can't see the ScrollTrigger in Node Modules ! What did I do wrong ? Thank you for your help !