Any Content Parallax Scroll Effect In jQuery - parallaxContent

File Size: 1.33 MB
Views Total: 4096
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Any Content Parallax Scroll Effect In jQuery - parallaxContent

parallaxContent is a jQuery plugin which applies a smooth parallax scrolling effect on any elements as you scroll down or scroll up the page. Smooth animations based on GSAP's TweenLite.js library.


  • jQuery
  • TweenLite.js
  • CSSPlugin.js

How to use it:

1. Install the parallaxContent.

$ npm install parallax_content --save

2. Include the complied JavaScript files on the webpage.

<script src="" 
<script src=""></script>
<script src=""></script>
<script src="build/app.js"></script>

3. Initialize the plugin on the parallax content and done.

<h3 class="parallax-move">
  Parallax Header
$(document).ready(function () {



4. Config the parallax scrolling effect in the data-parallax-content attribute:

<h3 class="parallax-move" data-parallax-content='{"shift": 40, "duration": 3}'>
  Parallax Header

5. Or in the JavaScript.

$(document).ready(function () {

    "shift": 10, 
    "duration": 1.5,
    "gyroSensitivity": 30




  • Added gyro sensitivity option

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