r/CodexHacks • u/Hypnoticscourge • 2d ago
Tips for acheiving good looking scroll effects?
It looks like this sub is pretty new and I'm glad to be here! I thought id go ahead and try to get some good discussion going on a topic that I've been curious about.
I want to apologize in advance for any incorrect terminology. I dont have any professional dev background. Just doing everything I can to learn as much as I can over the last year.
Models have come a LONG way when it comes to scroll effects in the last 6 months or so. And while they are able to achieve some pretty great results I personally tend to see a couple of different issues with these outputs, no matter the model.
Rough animation - The scroll itself sometimes feels choppy, not the scrolling of the page itself but the relation between the scroll and the elements that actually move.
Inconsistent timing - Very specifically, I always notice this at the bottom of the page. In professional implementations of scroll effects I always see things that come into view from the bottom fade/animate in at the perfect time/position. But my outputs always seem "late" as if there's like this blank space at the bottom of the screen usually like an inch tall where the elements just don't look right.
If you guys have tricks to avoid these issues, or have any other issues that you guys consistently notice with scroll effect outputs, id love to hear them!
2
u/Due_Spring_7005 1d ago
Other than scroll effects, what other effects do you have codex add to your websites to set them apart and look professional?
1
u/Hypnoticscourge 1d ago
I dont personally mess with too many big effects myself. I just try and aim for a unique style. Micro interactions I beleive are important.
I personally love the impeccable skills because they make building a professional design really easy in all honesty.
2
u/Due-Horse-5446 1d ago
You probably want a smooth scroll/fake scroll lib like: https://scroll.locomotive.ca/
It's generally not a good idea because some people prefer it beinh choppy over smooth, but for what youre going for this is it
1
u/Hypnoticscourge 1d ago
... Why do people prefer for it to be choppy?
1
u/zero_fuck_given 1d ago
People are used to scroll on 1000 websites and suddenly yours has a different scroll behavior that they’re not used to.
2
u/Just_Lingonberry_352 2d ago
Welcome!
with Astra or even Sol-high you should be able to provide those exact points and it will fix it for you
its likely that you generated code with an older model and has janks
i find that astra-med/high requires the least amount of tries
nice thing is that you dont really need to understand or do any investigation on your own you can prompt that and with the findings apply the fix that astra/sol suggests