Top 50 Best Parallax Scroll Effect jQuery Plugins Of 2017 (So Far)

by heng zong,

The Parallax Scroll Effect jQuery plugin helps you implement the Parallax Effect on elements (typically background images) as you scroll down or up the webpage. In this blog post you will find the top 50 best jQuery Parallax Scroll Effect plugins for modern web design. I hope you like it.

Not a jQuery user? View Top 10 JavaScript & CSS Parallax Scroll Effects Of 2017.

Top 50 jQuery Parallax Scroll Plugins:

Apply Parallax & Zoom Effects To Images On Scroll Using jQuery

This is a simple jQuery & CSS/CSS3 solution to apply subtle parallax, zoom and blur effects to any images as you scroll down the web page.

https://www.jqueryscript.net/animation/Apply-Parallax-Zoom-Effects-To-Images-On-Scroll-Using-jQuery.html

[Demo] [Download]

Responsive Background Parallax Scrolling Effect with jQuery

Just another jQuery parallax plugin that enables the familiar parallax scroll effects on background images as you scroll up/down the page.

https://www.jqueryscript.net/animation/Responsive-Background-Parallax-Scrolling-Effect-with-jQuery.html

[Demo] [Download]

Easy Background Parallax Scrolling Effect with jQuery - Parallax

Just another jQuery plugin that add a subtle parallax scrolling effect to background images with image preloader on vertical page scrolling.

https://www.jqueryscript.net/animation/Easy-Background-Parallax-Scrolling-Effect-with-jQuery-Parallax.html

[Demo] [Download]

Easy Background Image Parallax Effect with jQuery and CSS3

Easy Parallax is a lightweight jQuery plugin used for adding a subtle parallax effect (plus rotate, scale, fade in and fade out effects) to background image.

https://www.jqueryscript.net/animation/Easy-Background-Image-Parallax-Effect-with-jQuery-CSS3.html

[Demo] [Download]

jQuery Plugin For Vertical & Horizontal Parallax Effects

A jQuery plugin inspired by IanLunn's jQuery Parallax that makes it easier to apply horizontal or vertical parallax scrolling effects on multiple DOM elements.

https://www.jqueryscript.net/animation/jQuery-Plugin-For-Vertical-Horizontal-Parallax-Effects.html

[Demo] [Download]

High-Performance Background Parallax Effect with jQuery and CSS3 - jarallax

Just another jQuery parallax plugin used for adding a smooth parallax scrolling effect to background images using CSS3 3D transforms (translate3d).

https://www.jqueryscript.net/animation/High-Performance-Background-Parallax-Effect-with-jQuery-CSS3-jarallax.html

[Demo] [Download]

jQuery Plugin For Parallax Effects & CSS3 Animations On Scroll

A jQuery plugin helps you apply smooth parallax scrolling effects & CSS3 powered animations on any elements while scrolling the webpage.

https://www.jqueryscript.net/animation/jQuery-Plugin-For-Parallax-Effects-CSS3-Animations-On-Scroll.html

[Demo] [Download]

jQuery Plugin To Create Parallax Effects On Page Scroll - parallaxed.js

parallaxed.js is an ultra-light jQuery plugin for applying smooth parallax effects to given elements on vertical or horizontal page scrolling.

https://www.jqueryscript.net/animation/jQuery-Plugin-To-Create-Parallax-Effects-On-Page-Scroll-parallaxed-js.html

[Demo] [Download]

Full Width Parallax Carousel Plugin with jQuery - PIGNOSE LayerSlider

PIGNOSE LayerSlider is a cool jQuery carousel plugin used for generating an automatic, endless looping image slider with a parallax sliding effect.

https://www.jqueryscript.net/slider/Full-Width-Parallax-Carousel-Plugin-with-jQuery-PIGNOSE-LayerSlider.html

[Demo] [Download]

Basic Image Parallax Scrolling Effect with jQuery

A basic jQuery & CSS solution to add familiar parallax scrolling effect to position:absolute images using jQuery scroll() event.

https://www.jqueryscript.net/animation/Basic-Image-Parallax-Scrolling-Effect-with-jQuery.html

[Demo] [Download]

Simple Flexible Parallax Scrolling Plugin With jQuery - Parally

Parally is a simple, flexible jQuery parallax scrolling plugin which can be applied to background images or any other DOM elements.

https://www.jqueryscript.net/animation/Simple-Flexible-Parallax-Scrolling-Plugin-With-jQuery-Parally.html

[Demo] [Download]

Smooth Parallax Scrolling Effect with jQuery - Parallaxator

An extremely lightweight and easy-to-use jQuery plugin that enables you to apply smooth parallax scrolling effect to any html elements such as text and images.

https://www.jqueryscript.net/animation/Smooth-Parallax-Scrolling-Effect-with-jQuery-Parallaxator.html

[Demo] [Download]

Responsive Any Content Parallax Plugin With jQuery - Parallux

A jQuery plugin which makes use of CSS3 3D transforms (translate3d) to create smooth hardware accelerated parallax scrolling effect on any content.

https://www.jqueryscript.net/animation/Responsive-Any-Content-Parallax-Plugin-With-jQuery-Parallux.html

[Demo] [Download]

Responsive Background Video Plugin With Parallax Effect - backgroundVideo

backgroundVideo is a jQuery plugin that allows to set any html5 video as a background for a specific container, with an optional parallax effect on vertical page scrolling.

https://www.jqueryscript.net/other/Responsive-Background-Video-Plugin-With-Parallax-Effect-backgroundVideo.html

[Demo] [Download]

Smooth Parallax Scrolling Effect With jQuery and CSS3 - SimpleParallax

Just another jQuery plugin (~1kb) that uses CSS3 transitions to apply a smooth vertical parallax scrolling effect to your background images.

https://www.jqueryscript.net/animation/Smooth-Parallax-Scrolling-Effect-With-jQuery-and-CSS3-SimpleParallax.html

[Demo] [Download]

Configurable Smooth Parallax Scroll Effect In jQuery - parallax-background.js

Yet another parallax scrolling jQuery plugin used to apply smooth parallax effects on any background images, with support for all directions and configurable animation speed.

https://www.jqueryscript.net/animation/Configurable-Smooth-Parallax-Scroll-Effect-In-jQuery-parallax-background-js.html

[Demo] [Download]

Responsive Performant Background Parallax Effect - Parallax Background

Just another parallax jQuery plugin that makes use of requestAnimationFrame to implement smooth, performant parallax scrolling effects on the background images.

https://www.jqueryscript.net/animation/Responsive-Performant-Background-Parallax-Effect-Parallax-Background.html

[Demo] [Download]

jQuery Plugin For One Page Parallax Scrolling Effect - msNav

msNav.js is a jQuery plugin for adding a side navigation to the page that allows the user to scroll smoothly through different page sections with a subtle parallax effect.

https://www.jqueryscript.net/animation/jQuery-Plugin-For-One-Page-Parallax-Scrolling-Effect-msNav.html

[Demo] [Download]

Interactive Background Parallax Effect With jQuery And CSS3

A minimalist interactive background parallax effect that utilizes jQuery and CSS3 to smoothly move your background image that reacts to user's cursor.

https://www.jqueryscript.net/animation/Interactive-Background-Parallax-Effect-With-jQuery-CSS3.html

[Demo] [Download]

Fixed Full Screen Scrolling Effect with jQuery - fixedScroll

fixedScroll is a very small jQuery plugin that implements fixed full page parallax scrolling effect on your single page website / web app.

https://www.jqueryscript.net/animation/Fixed-Full-Screen-Scrolling-Effect-with-jQuery-fixedScroll.html

[Demo] [Download]

Simple Background Image Parallax Effect with jQuery and HTML5

parallax.js is a very small jQuery plugin which helps you apply background image parallax scrolling effects to your website using html5 data attributes.

https://www.jqueryscript.net/animation/Simple-Background-Image-Parallax-Effect-with-jQuery-HTML5.html

[Demo] [Download]

iOS-Style Background Parallax Scrolling Plugin With jQuery - ios-parallax.js

ios-parallax.js is an iOS inspired parallax scrolling jQuery plugin for creating an interactive moving background that reacts to user's cursor.

https://www.jqueryscript.net/animation/i0S-Style-Background-Parallax-Scrolling-Plugin-jQuery-ios-parallax-js.html

[Demo] [Download]

Tiny Responsive Parallax Scrolling Plugin With jQuery - scrollize.js

scrollize.js is a super tiny (~1.6kb unminified) jQuery plugin which applies a responsive, smooth parallax scrolling effect to background images.

https://www.jqueryscript.net/animation/Tiny-Responsive-Parallax-Scrolling-Plugin-With-jQuery-scrollize-js.html

[Demo] [Download]

Minimalist Background Parallax Effect with jQuery - Paralaxbg.js

A jQuery script for creating background parallax effect that make your background images move slower than foreground content as you scroll down the webpage.

https://www.jqueryscript.net/animation/Minimalist-Background-Parallax-Effect-with-jQuery-Paralaxbg-js.html

[Demo] [Download]

jQuery Plugin For Background Parallax Scrolling Effects - xcroller

xcroller is a simple-to-implement jQuery plugin which apply various types of parallax scrolling effects to html elements.

https://www.jqueryscript.net/animation/jQuery-Plugin-For-Background-Parallax-Scrolling-Effects-xcroller.html

[Demo] [Download]

Easy Multilayer Parallax Scrolling Plugin With jQuery - lulu-parallax

Just another jQuery plugin for the familiar parallax scrolling effect which allows to be applied to multiple layered elements with optional speed and direction.

https://www.jqueryscript.net/animation/Easy-Multilayer-Parallax-Scrolling-Plugin-With-jQuery-lulu-parallax.html

[Demo] [Download]

Easy Background Parallax Effect with jQuery - Parallaxify

Parallaxify.js is a lightweight (less than 1kb) and fast jQuery plugin for creating a background parallax effect on vertical page scrolling.

https://www.jqueryscript.net/animation/Easy-Background-Parallax-Effect-with-jQuery-Parallaxify.html

[Demo] [Download]

jQuery Plugin To Create Tilt / Parallax Effects For Images - Parallax

jquery.parallax.js is a jQuery plugin which uses CSS3 transforms to create an interactive tilt / parallax effect for images.

https://www.jqueryscript.net/animation/jQuery-Plugin-To-Create-Tilt-Parallax-Effects-For-Images-Parallax.html

[Demo] [Download]

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

paroller.js is a jQuery plugin that applies horizontal/vertical parallax scrolling effects to background or foreground of any DOM elements.

https://www.jqueryscript.net/animation/Horizontal-Vertical-Parallax-Scrolling-Effects-In-jQuery-paroller-js.html

[Demo] [Download]

Mobile-friendly HTML5 Parallax Scroll Plugin With jQuery - Hongkong

Hongkong.js lightweight, ES 5/6 compatible, mobile-friendly jQuery plugin to implement smooth, fully configurable parallax scrolling effects on your webpage.

https://www.jqueryscript.net/animation/Mobile-friendly-HTML5-Parallax-Scroll-Plugin-With-jQuery-Hongkong.html

[Demo] [Download]

Modern Background / Foreground Parallax Scroll Plugin - rellax

rellax is a jQuery plugin that allows to create subtle parallax scrolling effects on both background and foreground elements such as images, videos and text.

https://www.jqueryscript.net/animation/Modern-Background-Foreground-Parallax-Scroll-Plugin-rellax.html

[Demo] [Download]

Performant Parallax Scrolling Plugin with jQuery and CSS3

Just another jQuery parallax scrolling plugin which applies customizable parallax scrolling effects to background images using requestAnimationFrame and CSS3 3D transforms.

https://www.jqueryscript.net/animation/Performant-Parallax-Scrolling-Plugin-with-jQuery-CSS3.html

[Demo] [Download]

Lightweight Image Parallax Scrolling with jQuery - Mini Parallax

A small and fast jQuery plugin that adds parallax scrolling effects to images using Window.requestAnimationFrame() method.

https://www.jqueryscript.net/animation/Lightweight-Image-Parallax-Scrolling-with-jQuery-Mini-Parallax.html

[Demo] [Download]

jQuery Plugin For Smooth Parallax Effects On Scroll - enllax.js

enllax.js is a jQuery plugin that makes it easier to implement the familiar Parallax Effect on background or foreground elements as you scroll down the web page.

https://www.jqueryscript.net/animation/jQuery-Plugin-For-Smooth-Parallax-Effects-On-Scroll-enllax-js.html

[Demo] [Download]

Background Parallax Scrolling Effect with jQuery and CSS3 - xsParallax

xsParallax.js is a simple jQuery plugin that provides a simple way to implement vertical or horizontal Parallax scrolling effects on your background images. Powered by CSS3 transitions.

https://www.jqueryscript.net/animation/Background-Parallax-Scrolling-Effect-with-jQuery-CSS3-xsParallax.html

[Demo] [Download]

Basic Background Parallax Effect with jQuery - laxicon

laxicon is a dead simple jQuery plugin which allows you to add a parallax scrolling effect to your background images with one JS call.

https://www.jqueryscript.net/animation/Basic-Background-Parallax-Effect-with-jQuery-laxicon.html

[Demo] [Download]

Create A Simple Background Parallax Effect Using jQuery

A minimalist jQuery solution to implement a smooth on-scroll background image parallax effect on a position:relative container.

https://www.jqueryscript.net/animation/Create-A-Simple-Background-Parallax-Effect-Using-jQuery.html

[Demo] [Download]

Lightweight Kinetic Scrolling / Parallax Plugin With jQuery - inertiaScroll

inertiaScroll is a jQuery plugin which enables "momentum" style scrolling and configurable parallax scrolling effects on your webpage.

https://www.jqueryscript.net/animation/Kinetic-Scrolling-Parallax-Plugin-jQuery-inertiaScroll.html

[Demo] [Download]

Easy Responsive jQuery Parallax Plugin - Parallaxie

An easiest, responsive and customizable parallax jQuery Plugin used for applying parallax scrolling effects to your DIVs and background images.

https://www.jqueryscript.net/animation/Easy-Responsive-jQuery-Parallax-Plugin-Parallaxie.html

[Demo] [Download]

Easy Peasy Parallax Effect with jQuery and CSS

A simplest way to create an interactive background parallax scrolling effect with few lines of Javascript.

https://www.jqueryscript.net/animation/Easy-Peasy-Parallax-Effect-with-jQuery-CSS.html

[Demo] [Download]

jQuery Plugin To Create Parallax Like 3D Scrolling Shadows - lilt.js

Creating 3D background shadows to make your elements move with a familiar parallax scrolling effect as you scroll down the page.

https://www.jqueryscript.net/animation/jQuery-Plugin-To-Create-Parallax-Like-3D-Scrolling-Shadows-lilt-js.html

[Demo] [Download]

Easy Parallax Effect For Images On Scroll - jQueryParallaxer

Parallaxer is a lightweight jQuery plugin which utilizes CSS3 3D transforms to create a smooth parallax effect on your images when scrolling down or up.

https://www.jqueryscript.net/animation/Easy-Parallax-Effect-For-Images-On-Scroll-Parallaxer.html

[Demo] [Download]

Pretty Nice Parallax Card Slider With jQuery And CSS3

A pretty cool jQuery & CSS image slider where part of the image pops out on each slide, with an interactive parallax effect, as well as blurring the original background.

https://www.jqueryscript.net/slider/Pretty-Nice-Parallax-Card-Slider-jQuery-CSS3.html

[Demo] [Download]

Simplest jQuery Image Parallax Scroll Plugin - myParallax

myParallax is a minimalist jQuery plugin that applies the popular parallax scrolling effect on your background image using CSS3 translate3D and a little jQuery magic.

https://www.jqueryscript.net/animation/Simplest-jQuery-Image-Parallax-Scroll-Plugin-myParallax.html

[Demo] [Download]

Minimal Parallax Effect with jQuery and CSS3 Transforms - Parallax Scroll

Parallax Scroll is an extremely lightweight jQuery plugin which allows you to implement a familiar Parallax effect with your background image on vertical page scrolling.

https://www.jqueryscript.net/animation/Minimal-Parallax-Effect-with-jQuery-CSS3-Transforms-Parallax-Scroll.html

[Demo] [Download]

Responsive Touch-enabled Parallax Slider With jQuery And CSS3

A pretty cool, responsive jQuery/CSS3 slider component that features transparent letters and a subtle parallax scrolling effect when your switch between slides.

https://www.jqueryscript.net/slider/Responsive-Touch-enabled-Parallax-Slider-With-jQuery-CSS3.html

[Demo] [Download]

Simplest jQuery Background Parallax Effect - parallaxMd

parallaxMd is a minimalist jQuery plugin which helps you create a configurable background parallax effect as you scroll the webpage.

https://www.jqueryscript.net/animation/Simplest-jQuery-Background-Parallax-Effect-parallaxMd.html

[Demo] [Download]

Touchable Fullscreen Parallax Image Sldier With jQuery And CSS3

A responsive, fullscreen jQuery background image slider which makes use of CSS3 transitions and 3D transforms to create a horizontal parallax scroll effect between slides.

https://www.jqueryscript.net/slider/Touchable-Fullscreen-Parallax-Image-Sldier-With-jQuery-CSS3.html

[Demo] [Download]

Parallax & Fade-out Effects For Hero Header - jQuery parallax-scrolling

A minimal parallax scroll script that applies smooth fading out and background parallax scrolling effects to the hero header as your scroll down the webpage.

https://www.jqueryscript.net/animation/Parallax-Fade-out-Hero-Header-jQuery.html

[Demo] [Download]

Tiny Fixed And Scroll Parallax Effect Plugin For jQuery - easyParallax

easyParallax is a very small jQuery plugin which applies the 'Fixed' and/or 'Scroll' parallax effects to any container elements when scrolling down the webpage.

https://www.jqueryscript.net/animation/Tiny-Fixed-Scroll-Parallax-Effect-Plugin-For-jQuery-easyParallax.html

[Demo] [Download]

Background Parallax Animation In jQuery - backgroundParallax.js

backgroundParallax.js is a really simple jQuery plugin which applies a subtle parallax scrolling effect to your background images using CSS position property.

https://www.jqueryscript.net/animation/Background-Parallax-Animation-jQuery.html

[Demo] [Download]

Lightweight Momentum Scrolling And Parallax Plugin With jQuery - parachutejs

parachutejs is a lightweight jQuery plugin for adding momentum scrolling together with parallax effect to web content that works perfectly on both desktop and mobile browsers.

https://www.jqueryscript.net/animation/Lightweight-Momentum-Scrolling-Parallax-Plugin-With-jQuery-parachutejs.html

[Demo] [Download]

jQuery Plugin To Create Smooth Parallax Elements - Plaxmove

jQuery Plaxmove is a lightweight jQuery plugin designed for creating smooth parallax elements using JavaScript and CSS3 transitions.

https://www.jqueryscript.net/animation/jQuery-Plugin-To-Create-Smooth-Parallax-Elements-Plaxmove.html

[Demo] [Download]

jQuery Plugin To Create Parallax Scrolling Backgrounds - easyParallax

A jQuery parallax plugin which utilizes the CSS position properties to create a simple, fast parallax effect on background images.

https://www.jqueryscript.net/animation/jQuery-Plugin-To-Create-Parallax-Scrolling-Backgrounds-easyParallax.html

[Demo] [Download]

Basic Background Parallax Effect With jQuery And CSS3 - parallax.js

Just another jQuery plugin which makes use of JavaScript and CSS3 transitions to apply a smooth parallax scrolling effect to background images.

https://www.jqueryscript.net/animation/Basic-Background-Parallax-Effect-With-jQuery-CSS3-parallax-js.html

[Demo] [Download]