OSUblake
-
Posts
9,196 -
Joined
-
Last visited
-
Days Won
705
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
ScrollTrigger Demos
Downloads
Everything posted by OSUblake
-
No, you should be good with what you have.
-
Hi @Marc Taule Can you make a demo showing that issue? I'm not seeing anything wrong in your first CodePen, and that is using the most current version.
-
ScrollSmoother effects not working after route change in Nuxt.js
OSUblake replied to nicolaseielll's topic in GSAP
Hi nicolaseielll, It's hard to answer without seeing what you are doing. Can you fork this Codesandbox to show your issue? https://codesandbox.io/s/gsap-scrollsmoother-nuxt-js-starter-2zgxyo?file=/pages/index.vue -
Sounds like you didn't include the lottie JavaScript file. https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.6.6/lottie.min.js
-
Oh, I wouldn't use it for the defaults as it will be the same for every element. You need to target every element kind of like this. GSAP Random() Stagger (codepen.io)
-
You're more than welcome to ask any GSAP questions you want, and that's great that you're trying to learn, but I was just making sure to manage your expectations because a question like this might not get any responses due the amount work that might be involved with answering it as sliders can become rather involved.
-
Hi Samuel, I'd just use the regular random functions instead so the random value doesn't get recalculated. .from('#div0', { duration: 1, xPercent: gsap.utils.random(-400, 400), yPercent: gsap.utils.random(-400, 400), rotation: gsap.utils.random(-25, 25) })
-
Just so you know, version 3.10.3 is officially released, so please try updating and let us know if the issue is resolved.
-
Just a quick note that version 3.10.3 has been released, so please try testing with the new files.
-
Hi @Oleh Koval We just released 3.10.3, so you should be good to go. Note that it might take a couple of hours to show up on CDNs, but it's available on NPM.
-
Hi celli, Can you try with latest version of GSAP, 3.10.3. It was just released, so it might take a couple of hours to show up on some CDNs.
-
Hi dvdslns, Instead of animating a single path, you will probably need break apart your path into individual sections, and animate each section individually to better match up with your scrolling section. It might take a little finessing as matching up a curved path with linear scrolling is not a 1:1 relationship.
-
Welcome to the forums @Betzy There is a helper function for that. https://greensock.com/docs/v3/HelperFunctions#lottie https://codepen.io/GreenSock/pen/QWdjEbx
-
I normally just set the position of the children to absolute and then set the height of their parent.
-
Welcome to the forums @GreggD It's hard answer a question seeing the problem. Can you make a demo showing what you've tried? You can use Codesandbox if you want. Also, I would recommend checking out our React guides.
-
Yeah, I'm totally lost too as to why your demo is not working as expected. I even copied most of the code from the GSAP's source and it still wouldn't resolve, so I must be missing something. 🤷♂️
-
Hi Surgeon Samuel, Have you tried the new normalizeScroll feature and ignoreMobileResize? Also, the latest version of Safari supports the new small, large, and dynamic viewport units, which can help in creating layouts that won't resize. https://caniuse.com/viewport-unit-variants https://www.bram.us/2021/07/08/the-large-small-and-dynamic-viewports/
-
ScrollTrigger using pin with ScrollTo to handle snap behaviour - Pinning issue
OSUblake replied to Evans Hunt's topic in GSAP
Oh, it was something I accidentally copied and pasted from another demo. You can pass in an animation instance to that gotoSection function and it will restart it. -
Probably within the next 24 hours. I'll post back when it's live.
-
Make sure to use localhost in the url, like localhost:5000 or whatever port your are using.
-
Hi celli, I haven't seen that happen, but do you think you can still make a Codepen debug? We can test it on mobile using the debug view on CodePen.
-
Hi Oleh, Can you try with these files, at least locally? That issue should be fixed now. https://assets.codepen.io/16327/ScrollTrigger.min.js https://assets.codepen.io/16327/ScrollSmoother.min.js
-
Hi Aerra, You're welcome to ask any GSAP-specific questions in these forums, but unfortunately we don't have the resources to offer free general consulting services. Please read the forum guidelines. If you still need some help, you can definitely post in the "Jobs & Freelance" forum and see if you can hire someone. Or contact us directly if you'd like to explore paid GreenSock consulting services.
-
Hi Anastasio, Can you test out the preview of the next release linked to here? I'm wondering if you are encountering the same bug. https://greensock.com/forums/topic/31699-scrolltrigger-pin-breaks-on-page-rsize/
-
Hi oligsap, It's probably related to that Swiper you are using. If I remove the Flip animation, it's still animating that Swiper, so I wouldn't expect it to work correctly. Swiper + GSAP Flip (codepen.io)
