Use jQuery to move back to top of anchor when scrolled away

Question

Basically i have a full screen website that you scroll through content through links to anchors.

What i want to be able to do is for the page to automatically scroll to the top of an anchor when the user scrolls away from it with mouse wheel or scroll bar, this is so the viewer of the site will never have half of one box of content showing and half of the other.

Example:

http://nationallgbtmuseum.org/#/home/

When they scroll away from one bit of content the page will automatically scroll it back to the top of the section.

I hope this makes sense, any help would be great.

Answer 1

What you're looking for sounds like you're after is what is described in this question: Snap To Top of Div/Element on Scroll

You could also look at these questions:

• Animate div to snap to element most in view

Answer 2

I found a solution, pretty obvious one, a jquery plugin named "windows" automatically scrolls to top of DIV most in view when using full page divs:

http://nick-jonas.github.io/windows/