parallaxis
Advanced tools
Comparing version 1.0.0 to 1.0.1
@@ -88,3 +88,3 @@ { | ||
}, | ||
"version": "1.0.0" | ||
"version": "1.0.1" | ||
} |
@@ -6,3 +6,3 @@ # Parallaxis | ||
- Plain old vanilla JS | ||
- Just x.xkb gzipped | ||
- Just 1.6kb gzipped | ||
@@ -12,3 +12,3 @@ ## Warning | ||
Parallax works by listening to **every** scroll event. | ||
Parallaxis is probably the only parallax library that thinks | ||
*Parallaxis* is probably the only parallax library that thinks | ||
parallax is a shit show. | ||
@@ -44,4 +44,3 @@ | ||
```html | ||
<section | ||
id="hello-world" | ||
<h1 | ||
class="js-parallaxis" | ||
@@ -53,4 +52,4 @@ data-start="0" | ||
> | ||
<h1>Hello world</h1> | ||
</section> | ||
Hello world | ||
</h1> | ||
``` | ||
@@ -66,7 +65,7 @@ | ||
- When `window.scrollY` equals `0` then the `opacity` | ||
of `#hello-world` will be `1`. | ||
of the `h1` will be `1`. | ||
- When `window.scrollY` equals `200`, or more, then the | ||
`opacity` of `#hello-world` will be `0`. | ||
`opacity` of the `h1` will be `0`. | ||
- When `window.scrollY` is somewhere between `0` and | ||
`200` then the `opacity` of `#hello-world` will be | ||
`200` then the `opacity` of the `h1` will be | ||
somewhere between `0` and `1`. | ||
@@ -100,7 +99,8 @@ | ||
```html | ||
<section | ||
<h1 | ||
class="js-parallaxis" | ||
data-start="0" | ||
> | ||
</section> | ||
Hello world | ||
</h1> | ||
``` | ||
@@ -114,3 +114,3 @@ | ||
```html | ||
<section | ||
<h1 | ||
class="js-parallaxis" | ||
@@ -120,3 +120,4 @@ data-start="0" | ||
> | ||
</section> | ||
Hello world | ||
</h1> | ||
``` | ||
@@ -134,3 +135,3 @@ | ||
```html | ||
<section | ||
<h1 | ||
class="js-parallaxis" | ||
@@ -142,3 +143,4 @@ data-start="0" | ||
> | ||
</section> | ||
Hello world | ||
</h1> | ||
``` | ||
@@ -152,3 +154,3 @@ | ||
```html | ||
<section | ||
<h1 | ||
class="js-parallaxis" | ||
@@ -160,3 +162,4 @@ data-start="0" | ||
> | ||
</section> | ||
Hello world | ||
</h1> | ||
``` | ||
@@ -170,3 +173,3 @@ | ||
```html | ||
<section | ||
<h1 | ||
class="js-parallaxis" | ||
@@ -178,3 +181,4 @@ data-start="0" | ||
> | ||
</section> | ||
Hello world | ||
</h1> | ||
``` | ||
@@ -181,0 +185,0 @@ |
23482
8
180