• Spotlight
X

ScrollMe: jQuery Plugin for Scrolling Effects

ScrollMe is a jQuery plugin for adding simple scrolling effects to web pages.

As users scroll, ScrollMe can scale, rotate, translate and change the opacity of elements on the page. It’s easy to set up and not a single line of javascript is required. Why just these properties? Because browsers can animate them quickly, keeping scrolling silky smooth.

ScrollMe works with modern browsers, including Internet Explorer 10+.

You can customize the plugin with options that are added as attributes to scrollme elements with the data- prefix.

  • When
  • From and to
  • Easing
  • Crop
  • Opacity
  • Scaling
  • Rotation
  • Translation

Here’s how it works. ScrollMe uses a simple declarative syntax with two classes. The progression of animations is based on the scrolling through the scrollme class element. The animateme class defines the animated elements. Any number of these can be added within a container element. These elements also take the options that describe how and when the animation occurs. Both classes can be added to the same elements if you like.