skrollr – The Best Parallax

Official Site: https://github.com/Prinzhorn/skrollr

window.onload = function() {
	skrollr.init({
		render: function(data) {
	        //Log the current scroll position.
	        console.log(data);
	    }
	});
}

Notes:

  • To support mobile devices, an element width a ID "skrollr-body" is required.
    e.g. <body id="skrollr-body">
  • About percentage offset and constants:
    http://stackoverflow.com/questions/20510538/skrollr-questions-regarding-data-attributes-when-pausing-scrolling

 

Pausing the scrolling for a moment to do other animations

https://github.com/Prinzhorn/skrollr/tree/master/examples
http://case.wikirex.com/think/glaspray/test.html
skrollr_percentage