milhouse

Hey @GreenSock, Hey @ZachSaucier, Thank you so much for your quick replies. This looks awesome and works flawlessly from what I’ve tested. Is this feature still set to launch in the next week or so? Would love to implement it in the current project I was having trouble with regarding the resizing. Thanks again for this! Can’t wait to implement it! ?

Hi there, I’ve just started using the ScrollTrigger plugin, which is SO awesome - thank you for all the work put into this. I’m worried I’m over complicating things, especially in regards to making my ScrollTrigger instances responsive. Basically I have 2 ScrollTrigger instances for desktop (anything above 800px) and 1 tween with a ScrollTrigger instance for mobile (anything below 800px). I want the 2 desktop ScrollTrigger instances to only run on desktop and the mobile tween with ScrollTrigger to only run on mobile. Everything works great on initial load for both desktop and mobile, but if resizing the viewport, everything goes a bit whacky/breaks (things go out of place/overflow, and I can’t tell if the instances are duplicating or if just the markers are being repeated). As well, my desktop ScrollTrigger instances won’t run if resizing from mobile and my mobile tween with ScrollTrigger won’t run if resizing from desktop. I’ve been wracking my brain, searching high and low in the docs and forums trying different things for 3 days now, but I’m not quite getting it. Any help would be incredibly appreciated. Thank you so much.

Ahh! Thank you so much! .set() does the trick!

Hi Diaco, Thank you so much for your quick reply and the pen. I tried both methods and unfortunately neither are producing the desired behaviour. I played around with both to try and make either work and your 2nd method is closer to my desired behaviour, but it unfortunately still has the same issue as my original pen. Basically I’d like to start with the menu being closed, then upon first click, I’d like each tab (i.e. ‘.item’) to fan open. An example of the exact behaviour I’d like, can be seen by opening and closing the menu once, then when opening it again (this will be the 3rd time clicking the menu button) each tab will fan open. That’s exactly what I’d like to do from the start. However, currently at the start (ie. on first click of opening the menu), all tabs appear at once, rather than fanning open. I’ve attached a gif to help illustrate my desired outcome. The gif shows the animation a lot slower than it really is, but helps illustrate the behaviour I’m after on the initial click of opening the menu. Thanks again. I genuinely appreciate your time and suggestions.

Hi There, I’m so sorry if this has already been asked. However, I can’t seem to find an answer that’s helped my particular issue. I’m creating an animated circular menu, where tabs/links animate into view upon clicking the Menu button. The individual tabs of the menu are initially hidden and I’d like them to animate into view. I’m currently using autoAlpha: 1 to try and achieve this. However, though this successfully displays the tabs, it doesn’t animate them into view. It simply displays all the tabs at once with no animation. The menu itself is an SVG (using Sara Soueidan’s awesome circulus.svg tool). I’ve created a codepen to help explain my issue. The first time clicking the menu will show my problem. A 2nd click will close it (which works fine) and a 3rd click will show how I’d like it to work from the get-go (ie. animating the tabs into view). It’s just the first time opening the menu that doesn’t work as desired. Any help with this would be so incredibly appreciated. I’ve been totally stumped for a few days on this and have a feeling it’s a very simple fix. Thanks so much for your time!