PureParallax.js

speed: 0

600B ( < 1kB ) of pure awesomeness

speed: 0.8
var parallaxObj = [
    {
        id: 'div-1',
        speed: 0, // fixed as you scroll
        background: 'images/1.jpg',
        top: '60px' // or % or em
    },
    {
        id: 'div-2',
        speed: 0.5, // slight parallax
        background: 'images/2.jpg',
        top: {
            768: '60px', // width: from 768px
            400: '80%', // 400px or more (but < 768)
            0  : '200px' // 0px or more (but < 400)
        } // yes, also objects (responsive!)
    },
    {
        id: 'div-3',
        speed: -0.2 // subtle parallax effect
        // background set by CSS
        // default background position: 0px 0px
    }
];

// Start parallax forever
init_parallax();
            

Subtle parallax effects

speed: -0.2

Smooth scrolls without jQuery

speed: 0.5

Inverse scrollings too!

speed: -0.5

PureParallax.js

Custom background parallax effects, all without jQuery (15kB!) and in just 600b. (yes, less than 1kB)

Never slow page loads again.



Download pure-parallax.js
Download pure-parallax.min.js