Home » Javascript » jQuery Plugin for Vertical Scrolling Effects – Magic Scroll

jQuery Plugin for Vertical Scrolling Effects – Magic Scroll

Sponsored

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.

scrollmagic

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
  • flexibility
  • 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

ScrollMagic is a complete rewrite of its predecessor Superscrollorama by John Polacek.

Installation

Aside from jQuery make sure you have loaded the Greensock Animation Plattform (TweenMax).
To use ScrollMagic in your project simply include the plugin js file in the head section of your HTML file:

<script type="text/javascript" src="js/jquery.scrollmagic.js"></script>

For deployment use the minified version instead:

<script type="text/javascript" src="js/jquery.scrollmagic.min.js"></script>

 

Website : http://janpaepke.github.io/ScrollMagic/

Download : https://github.com/janpaepke/ScrollMagic/archive/master.zip

Sponsored

I am a Full stack Web Developer. I'm interested in Web Designing and passionate towards FOSS. I love Linux and like to promote it. A quick leaner, quick implementer, not away from errors, staying for software and knowledge freedom and doing programming in PHP, Mysql, Postgresql, Laravel, Angulajs and more..

Leave a Reply

Your email address will not be published. Required fields are marked *