Skip to content
Hyper-minimal parallax implementation for subtle animation.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
index.js Add myxt Sep 27, 2018


Hyper-minimal parallax implementation for subtle animation. 900b gzipped.


Specify attibutes and speeds for any elements you want parallaxed. Consider the speed value a fraction of 1 i.e. 0.5 moves at half the speed of scroll, or 0.1 moves at a tenth the speed of normal scroll.

<div data-paralless='0.5'></div>

Create an instance of paralless and call the returned function to bind all elements and begin parallaxing.

import paralless from 'paralless'

const parallax = paralless()

const destroy = parallax()

Call parallaxevery time the DOM changes, like page transitions and other mutations.

Any nodes no longer in the DOM will be removed from the listener cache.

Call destroy to stop all parallaxing.


MIT License (c) 2018 Friends of Friends

You can’t perform that action at this time.