Introducing jQuery Smoove
Smoove is a super simple jQuery plugin for creating awesome CSS animations as you scroll down the page, making your content smoothly glide into view. It supports a number of different slick effects & 3D animations and only takes a single line of code to run.
The plugin weighs in at only 3.3KB (minified) and doesn’t require any CSS files to work.
Smoove was built with responsive web design in mind and automatically adapts to any changes to the viewport.
Free & Open Source
Yep that’s right, it doesn’t cost a penny and is licensed under GNU GPLv2. Feel free to fork it on GitHub.
The following example shows how easy it is to create a similar effect as we have right here on ABE Media, making objects glide in from the bottom.
Load jQuery & jQuery Smoove from CloudFlare’s CDN.
Initiate jQuery Smoove
Initiate Smoove for all objects with the class
.foo, setting the
moveY parameter to make them smoothly move up their Y-axis. See the documentation for a full list of possible parameters.
Using HTML5 data-attributes
Note: When defining options via data-attributes, CamelCase names are split with hyphens e.g.
To see jQuery Smoove in action just visit our front page and scroll up & down the page.
Enough of the talking - time for some action! Check the following links to get started.
If you have any questions or feedback feel free to give us a shout or use the comments section below.
Stay awesome!Posted in Announcements