Able to provide a simpler example of usage for this?

[poobutt]

Would love to try it out but don't understand the Usage info in your readme.

[estrattonbailey]

Hey @poobutt thanks for the issue!

First, you'll need to be using something to compile your javascript, like webpack or browserify or similar. Alternatively, you could toss <script src='https://unpkg.com/[email protected]/dist/paralless.umd.js'></script> into your page and use it directly as window.paralless.

Then:

1. Define data attributes on the elements you want to parallax, according to the README
2. Call paralless()() to kick things off

The docs are a little confusing because this library was built for use in a single page application SPA. In that case, what I do is create an instance and assign it to a variable like parallax, and then call that instance when the page changes.

const parallax = paralless() // does not start parallaxing yet

parallax() // start parallaxing

/**
 * Psuedo-code
 */
router.on('update', () => {
  parallax() // bind parallax to any new dom nodes
})

/**
To destroy the instance and stop parallaxing,
call the function returned from each parallax() call

  parallax()()

which is the same as

  const destroy = parallax()
  destroy()

*/