Well, the layout itself is just a bunch of divs stacked together. If you're talking about the side nav/the scrolldown when you click a side nav, it's pretty easy jQuery. You just check the div top position in relation to the window and you can change things from there.

Check out Waypoints.js, it's really easy to implement.

http://imakewebthings.com/jquery-waypoints/

Here's a little JS Fiddle someone posted a while back: http://jsfiddle.net/joshnh/YxRqp/

anyone have any suggestions? :P

It's okay, odd. I'm hoping Chris comes back. Haha.

Fear not buddy, for I am here. I'll throw something together for you on codepen in a sec.

Hm, when you scroll up or down the active side bar doesn't update to what section it is in unless you lower the height of the section, which it alright i think.. It works well though, thanks so much Chris.

Why is there CSS in the HTML section? I'm confused by this.. I don't see any div, class tags or anything.

If you click on the HTML section where it says HAML it, you will see the HTML.

Edit: Beat me to it.

I probably should have switched it to HTML for you, my apologies. The reason it does that is because right now I have the waypoint offset set to 50%. The way the waypoints work is that as soon as the top of the element touches the offset point (in this case, half of the screen) it will trigger that waypoint. If you want to it trigger when the element is more centered, you can try 20% or something else. Just try playing with the section of the jQuery where it says offset: 50% . If you would rather it wait until the waypoint touches the top of the screen, you can take this entire section off:

,{
offset: 50%
}

You basically have to add space before or after in order to trigger the waypoints. The top of the box must touch the waypoint offset in order to trigger it. Here's an example using the top of the window to trigger it.

link: http://codepen.io/chrisxclash/full/21/14

If your sections are smaller, just play around with the offset until you get it triggering in the area you want. One way to do this is to use this:

{
	 offset: $(window).height()/2 - $('.section').outerHeight()/2;
}

This will tell it to make the offset point right where the sections would be centered on the screen.

Note: In order for it to trigger your last section, you'll need some space under the last box, like a footer or a blank element to push the window down so that they waypoint can be triggered.

Here's an example of it with it centered using the offset I showed you above. It waits until the section is directly centered to trigger it.

link: http://codepen.io/chrisxclash/full/21/15

Sounds good!