How do I remove horizontal scroll gallery whitespace from underneath?

[birdyoung]

I've created a horizontal slider but I need to remove the white space from underneath the gallery. I wont to sort of lock onto the gallery in the middle of the screen, force the user the scroll to the end of the gallery before moving on. Current there's way too much white space and I don't know how to remove it. Can anyone give me a hand?

 

 

See the Pen abKYRGZ by mattmcgilton (@mattmcgilton) on CodePen

[GreenSock]

If I understand your goal correctly, then just wrap your whole page in a <div> and pin that instead: 

See the Pen LYrdqEG?editors=0010 by GreenSock (@GreenSock) on CodePen