Hi Team Greensock Forums,
Great to be back on these forums. Always someone willing to take time out of their day to help you with something you've been banging your head against a wall about for hours haha.
I've been having some issues with a fixed element using SmoothScroller and ScrollTrigger.
The element itself is an Apply button that is always fixed to the bottom right of the screen. I've put it outside of the main smoothScroller content wrapper to ensure it stays fixed all of the time and is relative to the body.
What I'm trying to achieve is the following:
Apply button fixed and outside of the main scrollSmoother
When the user is, let's say, 150px from the bottom of the scrollable viewport, I want to get it to change to absolute positioning and then it locks to that position and is no longer fixed
When the user scrolls back up, it changes back to position fixed and continues to stay fixed as the user scrolls up.
Please find a link to a little CodePen I created for anyone who wants to have a crack (https://codepen.io/dayneh88/pen/jOgBmXj)
Any help would be greatly appreciated.
Thanks again,
Dayne