STARSCROLL
Create a div with purpose as per your background .. activate plugin; animated or reactive as the user scrolls. The plugin automatically will fix the div so it will work seemlessly.
N.b the only css you might want to change is the z-index of your div. Also dont put anything in your starscroll div.
depends on jQuery 1.8.1+
Features:
- 8-bit or 16-bit mode! (how retro do you wanna go!?)
- Animated or reactionary to scroll
- Multiple layers of true parallax
- Custom colours and complexities
- Every websites dream
- Forces static on mobile detection
BASIC USAGE:
$('.element').plugin(
mode,
parallax-layers,
density,
dimension,
smoothness,
colour,
colour-varience,
animate,
scrollspeed
);config options:
| Option | data type | values | Required | bit mode | Nb. |
|---|---|---|---|---|---|
| mode | int | boolean | 8 / 16, true / false | Yes | n/a |
| parallax | int | max: 10 | Yes | both | num of parallax levels |
| density | int | num of stars | Yes | both | |
| dimension | int | max: 20 | Yes | both | size of stars |
| smoothness | int | min: 0, max: 5 | No | both | scroll smoothness speed |
| colour | rgb array | [255,255,255] | No | 16-bit | |
| colour-varience | boolean | true/false | No | 16-bit | subtle colour varience enabled |
| animate | boolean | true/false | No | both | auto scrolling starfield |
| scrollspeed | int | min: 0, default: 2 | No | both | scroll speed |