Skip to content
master
Switch branches/tags
Code

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 

paralless

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

Usage

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.

License

MIT License (c) 2018 Friends of Friends

About

Hyper-minimal parallax implementation for subtle animation.

Resources

Releases

No releases published

Packages

No packages published