Lousticatus
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by Lousticatus
-
-
Your response is impeccable. Don't worry about any sense of honor with me. Moreover, I completely understand the necessity and normality of earning money for the work done. It's the very essence of evolution that comes with rewards. Your tools are excellent, so as soon as my finances allow, after getting my first clients, I'll purchase the license. Thank you.
- 2
-
I succeeded, finally. What I understand is that applying a 0.1s transition in the inline style is necessary for Locomotive Scroll to remain smooth and not stutter during scrolling, especially for discerning eyes. Additionally, from my understanding, favoring divs over spans seems to result in less pressure during scrolling, perhaps due to the block aspect rather than inline-block. Even though you can set a span to
display: block
, divs might offer a smoother scrolling experience. Moreover, occasionally, and with caution not to overload the browser, I use thewillChange: "transform"
attribute in the inline style. These measures seem particularly effective for addressing minor shakes and offsets, especially with text elements.Regarding the issue with background-color of sections and text invisibility, applying perspective in the Locomotive Scroll _base.scss file, to the [data-scroll-container], simply add
perspective: 1px;
.Don't worry at all about the lack of support for Locomotive Scroll in GSAP; the free tools are already excellent. As for the GSAP smooth scroll, yes, I'm aware, but it's a licensed option, correct? I also wanted to know, the license with all GSAP tools, is it a license that one can use for commercial websites? And how much does it cost and for how long does it work? I'd like to learn more.
And thank you for the links and the response !
-
Here's a minimal demo. Locomotive Scroll isn't configured; I can't manage to do it. The issue doesn't occur in the minimal demo, so it must be related to Locomotive Scroll.
-
Issue resolved. I had a `will-change: transform` in my _base.scss file for Locomotive Scroll. No more offset or shaking. However, now when I scroll back up after the pinned element, there's a latency before the section's color takes effect. During this time, the body's color is applied.
-
Hello community! So, I'm using React, GSAP, and LocomotiveScroll. When I scroll, sometimes there's a kind of focus shift on the text if, for example, I translate it on the y-axis. Most often, a 0.1s transition in the inline style of the target element fixes the issue. Rarely not. Additionally, on a specific element, a banner with text that translates on the x-axis, a slight offset occurs between each scroll. The text seems to increase by 1px, then goes back down by that pixel once the scroll progress is completed, and there's still that notorious focus shift that blurs the text. This latter issue happens on a section that I pin with ScrollTrigger. I've created a minimal demo on CodePen, but I have a problem I can't solve with the operation or import of Locomotive Scroll in my App.tsx (possibly a TypeScript syntax issue that I'm not familiar with), so the demo isn't effective, but I'll share it. Thanks.
Slight offset with ScrollTrigger pin and LocomotiveScroll
in GSAP
Posted
So it would be the premium license, is that correct ?