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
Name | default | description |
---|---|---|
wrapper | ‘#luxy’ | Entire content wrapper element. |
targets | ‘.luxy-el’ | Parallax effect targets elements. |
wrapperSpeed | 0.08 | Inertia 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.