Skrollr – Standalone Parallax Scrolling Library
26
Apr
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.
Requirements: No Requirements
Compatibility: All Modern Browsers
Website: http://prinzhorn.github.com/skrollr/
Download: https://github.com/Prinzhorn/skrollr
Compatibility: All Modern Browsers
Website: http://prinzhorn.github.com/skrollr/
Download: https://github.com/Prinzhorn/skrollr
- Tags:
Javascript
- Filed under: Effects, Goodies, MIT License
- 2 Comments
2 Responses for "Skrollr – Standalone Parallax Scrolling Library"
Nice library, but it’s doubtful what I will ever use it :]. Hard to convince clients to break standard form.
I am a huge fan of parallax. I love creatve websites with parallax scrolling. Thanks fo sharing.