This is RowScroll.
Scroll or swipe down to learn more.

Tested on Chrome (Mac & Windows), Firefox (Mac & Windows), IE9/10/11 (Windows), Safari (Mac), and Opera (Mac & Windows).
Works on all.

(Almost) works on mobile, too.
RowScroll 1.1.x aims to support touch swipe events as well as traditional scrolling.

Set your own row/section heights in your own CSS.
Can be the full viewport height (as shown here), a fixed pixel height, or whatever.

Row heights can vary.
The row elements don't have to all be the same height, they can all be different if you want. Doesn't matter.

The type of element isn't important, either.
Use <div>s, <section>s, or any other element you prefer for your row containers.
You can even mix and match.

Just add a scroll-target class to each row container you want your visitors to auto-scroll to.

That's it!

Customize it.
You can also change the scroll-target selector, the speed of the auto-scroll,
and the amount of "wiggle room" or offset of the scroll targets.

Remember to load jQuery and jQuery Mousewheel before you include RowScroll:

  <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
  <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.13/jquery.mousewheel.min.js"></script>
  <script src="your/path/to/rowScroll.min.js"></script>
</body>

Enjoy!
Visit the GitHub page to grab the files and more info.