How to setup full screen stickies


I am attempting to setup a fullscreen sticky featuring 3 divs where each div is 200% of the viewport height. So that the user has to scroll 200% before revealing the next sticky to give a delay effect.

It is currently working but I have a couple of issues. Firstly the last of the 3 sticky divs is not sticky, how do I make it behave like the first 2 divs before it moves on to the next non-sticky section?

The other issue is that I have a blank space below the last sticky div. The way I have it set up is that the main section is 600% height with x3 divs inside that are each 200% in height. Perhaps there is a better way to do this but I cannot seem to get rid of the left over blank space after the last sticky div.

Thank you,

Here is my site Read-Only: Link

I managed to figure it out :slight_smile: