Inertia Scroll and Parallax Effect Plugin In Vanilla JS | luxy.js

parallax-scrolling-effect-luxy-js

luxy.js is a lightweight JavaScript plugin in vanilla.js that applies smooth inertial scrolling and parallax effects to your web page.

How to make use of it:

Installation:

npm install luxy.js --save

1. Or just include the text on your page:

<script src="path/to/luxy.js" charset="utf-8"></script>

2. Include luxy.js in your project and configure:

<script charset="utf-8">
    luxy.init();
</script>

3. Add .luxy-el to the element for which the parallax effect will be specified.

<div id="luxy">
    <div class="luxy-el"></div>
</div>

Options

Namedefaultdescription
wrapper‘#luxy’Entire content wrapper element.
targets‘.luxy-el’Parallax effect targets elements.
wrapperSpeed0.08Inertia scroll speed.

smooth inertial & parallax scroll effect, luxy.js plugin/github


See Demo And Download

Official Website(min30327): Click Here

This superior jQuery/javascript plugin is developed by min30327. For extra advanced usage, please go to the official website.