Pin depending on scroll direction

[mikelpom]

I am trying to simulate this sidebar effect but I am not able to do it. Demo: https://somewebmedia.github.io/hc-sticky/demo_1.html

If the height of the window is less than the height of the sidebar, when scrolling the sidebar stays sticky at the bottom when scrolling down.

However, if you scroll up, the sidebar sticks to the top.

With the examples that I have found, the sidebar always stays sticky at the top.

Is there a way to make the sidebar sticky up or down depending on the scroll direction?

[GSAP Helper]

We love helping with GSAP-related questions, but unfortunately we just don't have the resources to provide free general consulting, logic troubleshooting, or "how do I recreate this cool effect I saw on another site?" tutorials. Of course anyone else is welcome to post an answer if they'd like - we just want to manage expectations.  

 

You can post in the "Jobs & Freelance" forum for paid consulting, or contact us directly. 

 

Otherwise, if you've got a GSAP-specific question just post that here along with a minimal demo and we'd be happy to take a look. 

[Cassie]

It might be an idea to take a look at the ScrollTrigger video too if you haven't already. It's really helpful as a jumping off point.

https://greensock.com/docs/v3/Plugins/ScrollTrigger

[akapowl]

 

This thread contains a helper function that should help getting what you are looking for to work @mikelpom