scroll-fx
v0.0.2
Published
+ Creating scrolling and parallax effects has never been so easy + Simple API similar to CSS3 animation / keyframes rule + Light and fast
Downloads
4
Readme
ScrollFX
Lightweight scrolling effects with familiar CSS syntax
- Creating scrolling and parallax effects has never been so easy
- Simple API similar to CSS3 animation / keyframes rule
- Light and fast
Scroll Effects registers itself as CommonJS module, AMD module or jQuery plugin (it depends on your environment).
If there is no CommonJS, AMD or jQuery, Scroll Effects registers itself in the global namespace.
Example
var options = {
top: {
100: '0px',
250: '150px',
300: '200px',
420: '150px',
500: '0px'
},
'background-color': function (t/* px scrolled from top */) {
return t < 300 ? 'transparent' : t < 400 ? 'rgba(255,255,255,' + (t - 300) / 100 + ')' : '#fff';
}
};
$(selector).scrollFX(options);
// or
$.fn.scrollFX(options);