Power steering for your scroll wheel
A jQuery plugin that assists scrolling and smoothly snaps to sections.
Fully configurable and optimised for touch.
Scrollify requires jQuery 1.6+ and an easing library such as jquery.easing.js.
<! doctype html> <html> <head> <script> $(function() { $.scrollify({ section : "section", }); }); </script> </head> <body> <section></section> <section></section> </body> </html>
$.scrollify({ section : "section", sectionName : "section-name", easing: "easeOutExpo", scrollSpeed: 1100, offset : 0, scrollbars: true, before:function() {}, after:function() {} });
The move method can be used to scroll to a particular section. This can take the index of the section, or the name of the section preceded by a hash.
$.scrollify("move","#name");