Technique #1

Fixed Background

This is the most basic of the parallax techniques as it only requires CSS. We fix the background so that when the user scrolls, it remains stationary.

How did you do that?

The key is to set your background-attachment to "fixed". This will make it immovable when the user scrolls.

background-attachment: fixed;

Ok what's the catch?

Sadly this method does not work on iOS. On iOS we fall back to using:

background-attachment: scroll;

Next Technique