Horizontal/Vertical Parallax Scrolling Effects In jQuery - paroller.js

Horizontal/Vertical Parallax Scrolling Effects In jQuery - paroller.js
File Size: 11 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

paroller.js is a jQuery plugin that applies horizontal/vertical parallax scrolling effects to background or foreground of any DOM elements. Powered by CSS3 transforms and easily configurable via HTML5 data attributes.

How to use it:

1. Include the main JavaScript file after the latest jQuery library as this:

<!-- jQuery -->
<script src="//code.jquery.com/jquery-3.1.1.slim.min.js"></script>
<!--Paroller-->
<script src="dist/jquery.paroller.js"></script>

2. Initialize the plugin and we're ready to go.

$(window).paroller();

3. Add the following data attributes to the target element:

  • data-paroller-factor: scale factor
  • data-paroller-type: "foreground" or "background"
  • data-paroller-direction: "horizontal" or "vertical"
<div data-paroller-factor="-0.1" 
     data-paroller-type="foreground"
     data-paroller-direction="horizontal"
>

Change log:

2018-01-13

  • v1.3.0

2017-10-04


This awesome jQuery plugin is developed by tgomilar. For more Advanced Usages, please check the demo page or visit the official website.