Scrollax.js
Scrollax.js
Smart, super smooth, cross-browser, and easy-to-use parallax scrolling effect plugin you have ever seen!
- ie
- Chrome
- Firefox
- Safari
- Opera
Scrollax.js features:
- Highly optimized scrolling rendering
- GPU accelerated
- Set custom ratio for any CSS property
- Don’t parallax elments that are not in the viewport
- Horizontal & Vertical scrolling supports
- Lots of super useful methods
… and has a powerful & developer friendly API!
That’s all build around a custom highly optimized scrolling rendering, and GPU accelerated.
Dependencies
- jQuery 1.7+
Compatibility
Works everywhere, even in IE6+ abominations, but that is a complete accident :) IE 6-7 are not officially supported.
Examples
Can be found here.
Usage
Constructor:
var frame = new Scrollax(window).init();
jQuery proxy:
$(window).Scrollax();
or
$.Scrollax();
jQuery proxy is good when you want to create an instance and forget about it. For anything more complex, like using methods, events, accessing instance properties, … use the constructor and work with the instance directly.
Download
Latest stable release:
- Production
scrollax.min.js– 7KB, 3KB gzipped - Development
scrollax.js– 22KB
When isolating issues on jsfiddle, you can use this URL:
Documentation
Can be found in the docs directory.
License
MIT
Dont forget to follow us on twitter or like our page on facebook :-)
and take a look at our premium scripts too ;-)
Particles Demo Horizontal Demo Background Demo
