Continuous scrolling animation: Disable scroll after an element reached a certain section of the page?

First time trying to do scroll animation! And still building our first website…

Our content holder got an 80px top padding. How can we adjust, so that when we scroll to full height container 2, scrolling is disable when this container has an 80px top padding space with the content holder?

Once it reaches that stage, we also want the column on the left (currently in sticky position) to stop, and the whole grid moves to accommodate the footer. Right now, the height of the left column shrinks as you get to the footer. Not very nice looking. :confused:

Some help would be appreciated :slight_smile:

Here is my public share link

1 Like