Scroll Magic is a jquery plugin for dealing with vertical page scrolling effect like parallax, color change, slide, wipe etc. Define a point to start the animation and synchronize the animation with the scrollbar movement is very easy with scroll magic. By using it you can easily add a parallax effect to your website, pin an element at a specific scroll position.
By using it you can
- … start an animation at a specific scroll position.
- … synchronize an animation to the scrollbar movement.
- … pin an element at a specific scroll position (sticky elements).
- … pin an element for a limited amount of scroll progress (sticky elements).
- … easily add a parallax effect to your website.
- … create an inifinitely scrolling page (ajax load of additional content).
- … call functions when the user hits certain scroll positions or react in any other way to the current scroll position.
Features of Scroll Magic:
- optimized performance
- mobile compatibility
- ready for responsive webdesign
- object oriented programming and object chaining
- event management
- support for both scroll directions (even different on one page)
- support for scrolling inside div containers (even multiple on one page)
- extensive debugging and logging capabilities
For deployment use the minified version instead:
Website : http://janpaepke.github.io/ScrollMagic/