Change div position when fully visible in viewport

Design help General
1

Fellow Webflow users,

I have a div set to absolute, top 120vh so it’s 20vh below the viewport height.

  1. It needs to stick to the bottom of the screen when it’s fully visible.
  2. It needs to ‘reset’ back to its original state (120vh) and ‘disappear’ when it’s reaches this point.

I looked things up and I’m guessing there needs to be javascript involved but I have zero to none knowledge of this.

Hope someone can give me some assistance here!

Here is my site Read-Only: LINK

2

Never mind! I sort of got what I want using these examples:

https://stackoverflow.com/questions/15798360/show-div-on-scrolldown-after-800px