Skrollr – Standalone Parallax Scrolling Library

Parallax scrolling, creating an illusion of depth by moving web elements in different speeds while scrolling, can help offering an attractive browsing experience.

Skrollr is a lightweight (7kb minified – 3k gzipped) and standalone JavaScript scrolling animation library that simplifies bringing such parallax effects to life.


It allows us to animate the CSS properties of any element according to the horizontal scrollbar position. Defining key frames for each element at certain points in top offset is enough for that.

And, the library is perfect for designers who are not good at JavaScript as -almost- everything is defined inside HTML elements and no JS coding.

  1. Reply Krzysiek April 27, 2012 at 3:50 AM

    Nice library, but it’s doubtful what I will ever use it :]. Hard to convince clients to break standard form.

  2. Reply Bijay April 29, 2012 at 8:30 AM

    I am a huge fan of parallax. I love creatve websites with parallax scrolling. Thanks fo sharing.

  3. Reply gerryAB2 August 30, 2013 at 6:13 PM

    Best parralax plugin! easy to use, in all browsers I love it!

Leave a reply