🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL
  1. Home
  2. jQuery Plugins
  3. Parallax & Fade-out Effects For Hero Header - jQuery parallax-scrolling

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.

parallax scrolling
Download Tutorial

Documentation

Simple parallax scrolling and fading website header

An extremely simple parallax header using js for a website. Should work on all modern browsers. Also works in Microsoft's Edge and IE11.

Any contributions to improve this code are welcome.

You May Also Like

Lightweight jQuery Parallax Scrolling Plugin - VScroll.js

Simple Background Parallax Effect Plugin For jQuery - parallaxDiv.js

Simple Parallax Scrolling Effect with jQuery and CSS3 - Efecto Parallax

Minimal jQuery Background Parallax Scrolling Plugin

Nice One Page Scrolling Effect with jQuery StackingSlides Plugin

Super Simple jQuery Based Parallax Scrolling Effect

jQuery Plugin To Add Interative Parallax Effects To Objects - Piao

Interactive Mouse Hover Parallax Effect with jQuery - Mouse Parallax

jQuery Content Slider Plugin with Parallax Scrolling Effects - SaucySlider

Easy jQuery & Html5 Based Image Parallax Scrolling Effect

Smooth Parallax Effects with jQuery and CSS3 - woolParalax

Background Image Parallax Scrolling Effect with jQuery and CSS3

jQuery Plugin For Simple Background Parallax Effect

Easy jQuery Parallax Background Plugin - simpleParallax

Simple jQuery Plugin To Fade Out Panels As You Scroll Down

Minimalist 3D Parallax Effect with jQuery and CSS3

jQuery Sticky Menu with Background Parallax & Blur Effects

Smooth Background Parallax Scrolling Effect with jQuery and CSS3

jQuery & Html5 Based Background Parallax Scrolling Effect

jQuery Plugin For Background Image Parallax Scrolling Effects

Simple jQuery Image Carousel with Parallax Effect

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

Easy Parallax Scrolling Effect with jQuery - Parallaxor

jQuery Plugin To Generate Parallax Bokeh Background

Lightweight Image Parallax Scrolling with jQuery - Mini Parallax

Create Interactive Moving Objects with jQuery and CSS3 - bgMouseMove

Responsive Background Parallax Scrolling Effect with jQuery

Simplest jQuery Image Parallax Scroll Plugin - myParallax

Easy Peasy Parallax Effect with jQuery and CSS

Fullpage Parallax Scrolling with Side Navigation Using jQuery

Fixed Full Screen Scrolling Effect with jQuery - fixedScroll

jQuery Plugin For Background Parallax Scrolling Effects - xcroller

jQuery Amazing Scrolling Presentation Plugin - scrolldeck

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

Simple Spotify-Like jQuery Image Parallax Effect Plugin - Parallax ImageScroll

jQuery Plugin For Adding Parallax Effects To Elements - Helium Parallax

Minimal Parallax Effect with jQuery and CSS3 Transforms - Parallax Scroll

Mouse-aware Parallax Effect with jQuery and TweenMax - Mouse Parallax

jQuery Plugin To Create Smooth Parallax Elements - Plaxmove

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

Simplest jQuery Background Parallax Effect - parallaxMd

Basic Background Parallax Effect with jQuery - laxicon

Create A Simple Background Parallax Effect Using jQuery

Easy Background Parallax Effect with jQuery - Parallaxify

Simple Background Image Parallax Effect with jQuery and HTML5

Apple TV Poster Parallax Effect with jQuery and CSS3 - maximusParallaximus

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

jQuery Plugin For Interactive Multi-layer Parallax Effect - Parallaxmouse

Apply Parallax & Zoom Effects To Images On Scroll Using jQuery

Simple Background Parallax Scrolling Effect With jQuery

Lightweight jQuery Parallax Scrolling Plugin - HW Parallax

tvOS Inspired Interactive Parallax Effect with jQuery and CSS3 - Media Poster

jQuery Plugin For One Page Parallax Scrolling Effect - msNav

Smooth Parallax Scrolling Effect with jQuery - Parallaxator

Minimalist Background Parallax Effect with jQuery - Paralaxbg.js

Performant Parallax Scrolling Plugin with jQuery and CSS3

tvOS Hover Parallax Effect With jQuery and CSS3 - TVParallax

Smooth Parallax Scrolling Effect With jQuery and CSS3 - SimpleParallax

Highly Customizable jQuery Parallax Scrolling Plugin - PRI-Parallax

Easy Responsive jQuery Parallax Plugin - Parallaxie

Interactive 3D Parallax Effect With jQuery And CSS3 - face-cursor.js

Easy Parallax Effect For Images On Scroll - jQueryParallaxer

3D Layered Parallax Effect With jQuery And CSS3

Touchable Fullscreen Parallax Image Sldier With jQuery And CSS3

Tiny Responsive Parallax Scrolling Plugin With jQuery - scrollize.js

Responsive Any Content Parallax Plugin With jQuery - Parallux

Easy Multilayer Parallax Scrolling Plugin With jQuery - lulu-parallax

Responsive Performant Background Parallax Effect - Parallax Background

Smooth One Page Scroll Plugin For jQuery - SONP

Apple TV Inspired Interactive Parallax Effect With jQuery And CSS3

jQuery Plugins

AngularJs Plugins