How To Change Page Background as User Scrolls (jQuery)

Share this post!

Vote this!

This tutorial explains the very basic techniques that could be developed into a parallax scrolling web page.

This article explains how  page background change from white to grey as user scrolls the page. To achieve this, we use JQuery and CSS.

First of all, we need to make sure that our web page is vertically scrollable. Vertically scrollable means that the height of the webpage is longer than the height of your browser window. You can do it by writing a lot of paragraph on your page, but I prefer giving my page a fixed height of 2000 in CSS.

More...

RECOMMENDED READING

How To Create A Parallax Scrolling Web-Portfolio

Layout of our parallax portfolio