Top 10 Best parallax scrolling tutorial

How to create a parallax scrolling website

How to create a parallax scrolling website
Demo | Tutorial

How to create a parallax website – Adding one page website navigation

How to create a parallax website – Adding one page website navigation
Demo | Tutorial

Simple parallax scrolling tutorial

Simple parallax scrolling tutorial
Demo | Tutorial

One Page Scroll with animations

One Page Scroll with animations
Demo | Tutorial

Build a parallax scrolling website interface with jQuery and CSS

Build a parallax scrolling website interface with jQuery and CSS
Demo | Tutorial

Create a Cool Website with Fancy Scrolling Effects

Create a Cool Website with Fancy Scrolling Effects
Demo | Tutorial

Creating a Parallax Scrolling Webpage Using Jarallax.js

Creating a Parallax Scrolling Webpage Using Jarallax.js
Demo | Tutorial

How to Create a Simple Parallax Effect Using CSS and jQuery

How to Create a Simple Parallax Effect Using CSS and jQuery
Demo | Tutorial

Create a Parallax Scrolling Website Using Stellar.js

Create a Parallax Scrolling Website Using Stellar.js

Tutorial

CSS3 Parallax scrolling slider

CSS3 Parallax scrolling slider
Demo | Tutorial

ScrollMagic – jQuery Scrolling Effect Plugin

ScrollMagic – The jQuery plugin for magical scroll interactions(Fade, Move, Spin, Scae Text Properties, Pin, Wipe, Side, Parallax).

ScrollMagic is a jQuery plugin which essentially lets you use the scrollbar like a playback scrub control.
It’s the plugin for you, if you want to …

  •     start an animation at a specific scroll position.
  •     synchronize an animation to the scrollbar movement.
  •     pin an element at a specific scroll position (sticky elements).
  •     pin an element for a limited amount of scroll progress (sticky elements).
  •     easily add a parallax effect to your website.
  •     create scrolling page (ajax load of additional content).
  •     call functions when the user hits certain scroll positions or react in any other way to the current scroll position.

ScrollMagic - jQuery Scrolling Effect Plugin

Features:

  •     optimized performance
  •     flexibility
  •     mobile compatibility
  •     ready for responsive webdesign
  •     object oriented programming and object chaining
  •     event management
  •     support for both scroll directions (even different on one page)
  •     support for scrolling inside div containers (even multiple on one page)
  •     extensive debugging and logging capabilities

Demo | Download