Scrolling for single page websites.
When a container approaches the scroll position it will snap to the top of the window.
Navigation between containers is easy, use either the scroll, arrow, space, or page keys.
Navigation between containers is easy, use either the scroll, arrow, space, or page keys.
A big thanks to all of our contributors!
SnapScroll is maintained by We The Media, inc.
Got a project that you are using SnapScroll on? Let us know and we will happily throw a link to your page here!
Shapeshift requires the latest version of jQuery, and the scroll_to jquery plugin by Ariel Flesler which is included in the core folder.
There isn't much more to SnapScroll other than to make sure the CSS is set correctly. SnapScroll is called on an element that containers many child elements, each considered one "page" within the single page website. Because of the nature of SnapScroll, all child elements must be the same height as 100% of the window height so that they take up the entire screen when snapped to.
After that, simply call snapscroll on the container and you are good to go!
$('.container').snapscroll();