Rock 'n' Roll

Framework for various smooth scrolling effects without jQuery.

Download from GitHub or scroll down for a demo.

Licensed as Apache License 2.0 by Cubic Creative.

No Effects

class="rnr-bg"

Parallax

class="rnr-bg rnr-scroll rnr-para"

Zoom (offset: 0.5)

class="rnr-bg rnr-scroll rnr-zoom"
rnr-scroll-offset="0.5"

Blur (offset: 1.0)

class="rnr-bg rnr-scroll rnr-blur"
rnr-scroll-offset="1"

Fade

class="rnr-bg rnr-scroll rnr-fade"

Video with Zoom and Blur Effects
(offset: 0.8)

class="rnr-bg rnr-scroll rnr-zoom rnr-blur"
rnr-scroll-offset="0.8"

No Effects

class="rnr-bg"