File tree Expand file tree Collapse file tree 5 files changed +14
-12
lines changed Expand file tree Collapse file tree 5 files changed +14
-12
lines changed Original file line number Diff line number Diff line change @@ -35,6 +35,7 @@ yarn add react-scroll-parallax@beta
35
35
## Getting Started
36
36
37
37
- [ Usage] ( /docs/usage/ )
38
+ - [ How it works] ( /docs/examples/how-it-works )
38
39
39
40
### Docs: Hooks
40
41
Original file line number Diff line number Diff line change 22
22
"prism-react-renderer" : " ^1.2.1" ,
23
23
"react" : " ^17.0.1" ,
24
24
"react-dom" : " ^17.0.1" ,
25
- "react-scroll-parallax" : " ^3.0.0-beta.8 "
25
+ "react-scroll-parallax" : " ^3.0.0-beta.9 "
26
26
},
27
27
"browserslist" : {
28
28
"production" : [
Original file line number Diff line number Diff line change @@ -11,6 +11,7 @@ export const BeyondCSSEffects = () => {
11
11
rotate = { [ - 180 , 0 ] }
12
12
easing = "easeInQuad"
13
13
className = "rounded-lg bg-gray-600 bg-opacity-50"
14
+ shouldAlwaysCompleteAnimation
14
15
>
15
16
< div className = "border-2 border-blue-200 border-solid flex items-center justify-center bg-blue-400 h-48 w-48 rounded-lg" >
16
17
< p className = "text-center font-bold uppercase" > Heyo!</ p >
Original file line number Diff line number Diff line change @@ -6,12 +6,12 @@ import { BgContainer } from '../bg-container';
6
6
export const EasingDemo = ( props : { easing : EasingParam } ) => {
7
7
const parallaxLinear = useParallax < HTMLDivElement > ( {
8
8
translateX : [ 0 , 100 ] ,
9
- shouldStartAnimationInitialInView : true ,
9
+ shouldAlwaysCompleteAnimation : true ,
10
10
} ) ;
11
11
12
12
const parallaxEased = useParallax < HTMLDivElement > ( {
13
13
translateX : [ 0 , 100 ] ,
14
- shouldStartAnimationInitialInView : true ,
14
+ shouldAlwaysCompleteAnimation : true ,
15
15
easing : props . easing ,
16
16
} ) ;
17
17
Original file line number Diff line number Diff line change @@ -5402,10 +5402,10 @@ package-json@^6.3.0:
5402
5402
registry-url "^5.0.0"
5403
5403
semver "^6.2.0"
5404
5404
5405
- parallax-controller@^1.1.1 :
5406
- version "1.1.1 "
5407
- resolved "https://registry.yarnpkg.com/parallax-controller/-/parallax-controller-1.1.1 .tgz#a83e9b1f74fd776e4ac548c7bc57296705dea2a4 "
5408
- integrity sha512-wgC/af23fMD5LCK15A3VffXGiO3EXs+d1gs4pB3Hf4JZwZ6NXNC4dH6v4+ruCvxVA91C4znpyQ3OyiggEqG1HA ==
5405
+ parallax-controller@^1.2.0 :
5406
+ version "1.2.0 "
5407
+ resolved "https://registry.yarnpkg.com/parallax-controller/-/parallax-controller-1.2.0 .tgz#c6358302f4111bb975fa94409595c309dccd99e8 "
5408
+ integrity sha512-o3tbh7tHw5pYKA+29aiQ2zsb5EtYIqED3oGoloLzezMvSTC9FAGwxpWzAyZ9A7529FTo2Q7xNgGtfvU1jF78+Q ==
5409
5409
dependencies :
5410
5410
bezier-easing "^2.1.0"
5411
5411
@@ -6179,12 +6179,12 @@ react-router@5.2.1, react-router@^5.2.0:
6179
6179
tiny-invariant "^1.0.2"
6180
6180
tiny-warning "^1.0.0"
6181
6181
6182
- react-scroll-parallax@^3.0.0-beta.8 :
6183
- version "3.0.0-beta.8 "
6184
- resolved "https://registry.yarnpkg.com/react-scroll-parallax/-/react-scroll-parallax-3.0.0-beta.8 .tgz#9c4dbf5d103c2a22bc70a3db7934ee790d23dbde "
6185
- integrity sha512-9wNt39qjo86bpAWKfI7+FiFQPD9gJJooQzBRvEltCL5RPXOAHdllhjX3zdAzrPD5bCfsKVvPO2VD1REfCNkN7Q ==
6182
+ react-scroll-parallax@^3.0.0-beta.9 :
6183
+ version "3.0.0-beta.9 "
6184
+ resolved "https://registry.yarnpkg.com/react-scroll-parallax/-/react-scroll-parallax-3.0.0-beta.9 .tgz#324b59a2876aa28dc852a832efe42410cddddecf "
6185
+ integrity sha512-n8KpI4myAu1hUC/lypt+3wDZTqMM868KNcbjKSMLWpgVdJoZhgqORcO95N+cGKquBU7tjSUk2jMub/pBYEC3FQ ==
6186
6186
dependencies :
6187
- parallax-controller "^1.1.1 "
6187
+ parallax-controller "^1.2.0 "
6188
6188
6189
6189
react-side-effect@^2.1.0 :
6190
6190
version "2.1.1"
You can’t perform that action at this time.
0 commit comments