Changing the world, one site at a time…

Scroll Down

Switch Between Content On Scroll

1 - Display at Start

Item #1

2 - Display at Distance: 400px

Item #2

3 - Display at Distance: 200px

Item #3

Keep Scrolling

Slide

1 - Display at Start

Slide
In From Bottom

2 - Display at Distance: 450px

Slide
In From Bottom

3 - Display at Distance: 150px

Slide
In From Bottom

1 - Display at Start

Slide
In From Top

2 - Display at Distance: 450px

Slide
In From Top

3 - Display at Distance: 150px

Slide
In From Top

1 - Display at Start

Slide
In From Right

2 - Display at Distance: 450px

Slide
In From Right

3 - Display at Distance: 150px

Slide
In From Right

1 - Display at Start

Slide
In Fro mLeft

2 - Display at Distance: 450px

Slide
In From Left

3 - Display at Distance: 150px

Slide
In From Left

1 - Display at Start

Slide
In From Bottom

2 - Display at Distance: 450px

Slide
In From Bottom

3 - Display at Distance: 150px

Slide
In From Bottom

1 - Display at Start

Slide
In From Top

2 - Display at Distance: 450px

Slide
In From Top

3 - Display at Distance: 150px

Slide
In From Top

1 - Display at Start

Slide
In From Right

2 - Display at Distance: 450px

Slide
In From Right

3 - Display at Distance: 150px

Slide
In From Right

1 - Display at Start

Slide
In From Top

2 - Display at Distance: 450px

Slide
In From Top

3 - Display at Distance: 150px

Slide
In From Top

1 - Display at Start

Slide
In From Right

2 - Display at Distance: 450px

Slide
In From Right

3 - Display at Distance: 150px

Slide
In From Right

1 - Display at Start

Slide
In Fro mLeft

2 - Display at Distance: 450px

Slide
In From Left

3 - Display at Distance: 150px

Slide
In From Left

1 - Display at Start

Slide
In From Bottom

2 - Display at Distance: 450px

Slide
In From Bottom

3 - Display at Distance: 150px

Slide
In From Bottom

1 - Display at Start

Slide
In From Top

2 - Display at Distance: 450px

Slide
In From Top

3 - Display at Distance: 150px

Slide
In From Top

1 - Display at Start

Slide
In From Right

2 - Display at Distance: 450px

Slide
In From Right

3 - Display at Distance: 150px

Slide
In From Right

1 - Display at Start

Slide
In Fro mLeft

2 - Display at Distance: 450px

Slide
In From Left

3 - Display at Distance: 150px

Slide
In From Left

1 - Display at Start

Slide
In From Bottom

2 - Display at Distance: 450px

Slide
In From Bottom

3 - Display at Distance: 150px

Slide
In From Bottom

1 - Display at Start

Slide
In From Top

2 - Display at Distance: 450px

Slide
In From Top

3 - Display at Distance: 150px

Slide
In From Top

1 - Display at Start

Slide
In From Right

2 - Display at Distance: 450px

Slide
In From Right

3 - Display at Distance: 150px

Slide
In From Right

1 - Display at Start

Slide
In Fro mLeft

2 - Display at Distance: 450px

Slide
In From Left

3 - Display at Distance: 150px

Slide
In From Left

1 - Display at Start

Slide
In From Bottom

2 - Display at Distance: 450px

Slide
In From Bottom

3 - Display at Distance: 150px

Slide
In From Bottom

1 - Display at Start

Slide
In From Top

2 - Display at Distance: 450px

Slide
In From Top

3 - Display at Distance: 150px

Slide
In From Top

1 - Display at Start

Slide
In From Right

2 - Display at Distance: 450px

Slide
In From Right

3 - Display at Distance: 150px

Slide
In From Right

1 - Display at Start

Slide
In Fro mLeft

2 - Display at Distance: 450px

Slide
In From Left

3 - Display at Distance: 150px

Slide
In From Left

1 - Display at Start

Slide
In From Bottom

2 - Display at Distance: 450px

Slide
In From Bottom

3 - Display at Distance: 150px

Slide
In From Bottom

1 - Display at Start

Slide
In From Top

2 - Display at Distance: 450px

Slide
In From Top

3 - Display at Distance: 150px

Slide
In From Top

1 - Display at Start

Slide
In From Right

2 - Display at Distance: 450px

Slide
In From Right

3 - Display at Distance: 150px

Slide
In From Right

1 - Display at Start

Slide
In Fro mLeft

2 - Display at Distance: 450px

Slide
In From Left

3 - Display at Distance: 150px

Slide
In From Left

1 - Display at Start

Slide
In From Bottom

2 - Display at Distance: 450px

Slide
In From Bottom

3 - Display at Distance: 150px

Slide
In From Bottom

1 - Display at Start

Slide
In From Top

2 - Display at Distance: 450px

Slide
In From Top

3 - Display at Distance: 150px

Slide
In From Top

1 - Display at Start

Slide
In From Right

2 - Display at Distance: 450px

Slide
In From Right

3 - Display at Distance: 150px

Slide
In From Right

1 - Display at Start

Slide
In Fro mLeft

2 - Display at Distance: 450px

Slide
In From Left

3 - Display at Distance: 150px

Slide
In From Left

1 - Display at Start

Slide
In From Bottom

2 - Display at Distance: 450px

Slide
In From Bottom

3 - Display at Distance: 150px

Slide
In From Bottom

1 - Display at Start

Slide
In From Top

2 - Display at Distance: 450px

Slide
In From Top

3 - Display at Distance: 150px

Slide
In From Top

1 - Display at Start

Slide
In From Right

2 - Display at Distance: 450px

Slide
In From Right

3 - Display at Distance: 150px

Slide
In From Right

1 - Display at Start

Slide
In Fro mLeft

2 - Display at Distance: 450px

Slide
In From Left

3 - Display at Distance: 150px

Slide
In From Left

1 - Display at Start

Slide
In From Bottom

2 - Display at Distance: 450px

Slide
In From Bottom

3 - Display at Distance: 150px

Slide
In From Bottom

Keep Scrolling

Zoom

1 - Display at Start
Stacks Image 7722
2 - Display at Distance: 375px
Stacks Image 7725
1 - Display at Start
Stacks Image 7503
2 - Display at Distance: 475px
Stacks Image 7506
1 - Display at Start
Stacks Image 7284
2 - Display at Distance: 575px
Stacks Image 7287
1 - Display at Start
Stacks Image 7941
2 - Display at Distance: 350px
Stacks Image 7944
1 - Display at Start
Stacks Image 9474
2 - Display at Distance: 450px
Stacks Image 9477
1 - Display at Start
Stacks Image 9255
2 - Display at Distance: 550px
Stacks Image 9258
1 - Display at Start
Stacks Image 7084
2 - Display at Distance: 300px
Stacks Image 7086
1 - Display at Start
Stacks Image 8598
2 - Display at Distance: 400px
Stacks Image 8601
1 - Display at Start
Stacks Image 8379
2 - Display at Distance: 500px
Stacks Image 8382
1 - Display at Start
Stacks Image 8160
2 - Display at Distance: 325px
Stacks Image 8163
1 - Display at Start
Stacks Image 9036
2 - Display at Distance: 425px
Stacks Image 9039
1 - Display at Start
Stacks Image 8817
2 - Display at Distance: 525px
Stacks Image 8820

Keep Scrolling

Fade

1 - Display at Start
Stacks Image 5987
2 - Display at Distance: 350px
Stacks Image 5989

Keep Scrolling

Rotate

1 - Display at Start
2 - Display at Distance: 450px
3 - Display at Distance: 0px
1 - Display at Start
2 - Display at Distance: 450px
3 - Display at Distance: 0px
1 - Display at Start
2 - Display at Distance: 450px
3 - Display at Distance: 0px

Keep Scrolling

Auto Play

1 - Display at Start
Stacks Image 10475
2 - Display at Distance: 450px
Stacks Image 10477
3 - Display at Distance: 0px
Stacks Image 10479
4 - Display at Distance: 0px
Stacks Image 10481
5 - Display at Distance: 0px
Stacks Image 10483
6 - Display at Distance: 0px
Stacks Image 10485
7 - Display at Distance: 0px
Stacks Image 10487
8 - Display at Distance: 0px
Stacks Image 10489
9 - Display at Distance: 0px
Stacks Image 10491
10 - Display at Distance: 0px
Stacks Image 10493
11 - Display at Distance: 0px
Stacks Image 10495
12 - Display at Distance: 0px
Stacks Image 10497
13 - Display at Distance: 0px
Stacks Image 10499
14 - Display at Distance: 0px
Stacks Image 10501
15 - Display at Distance: 0px
Stacks Image 10503
16 - Display at Distance: 0px
Stacks Image 10505
17 - Display at Distance: 0px
Stacks Image 10507
18 - Display at Distance: 0px
Stacks Image 10509
19 - Display at Distance: 0px
Stacks Image 10511
20 - Display at Distance: 0px
Stacks Image 10513

Lorem Ipsum

Lorem ipsum dolor sit amet, sapien platea morbi dolor lacus nunc, nunc ullamcorper. Felis aliquet egestas vitae, nibh ante quis quis dolor sed mauris. Erat lectus sem ut lobortis, adipiscing ligula eleifend, sodales fringilla mattis dui nullam. Ac massa aliquet.

About

Parallax Switch cycles through content by animating according to a user’s scroll position. Switch between up to 20 different items with 7 animations to choose from. With Parallax Switch you can create parallax sections and animation events that make your pages more visually engaging.

Pure4RW Example

For more examples on how to use Parallax Switch, check out the Pure for RapidWeaver Project File below.
Stacks Image 10398
Pure for Rapidweaver is a complete, responsive, and lightweight Stacks toolbox with 10 Multi-functional Stacks, 6 Template Stacks, and 1 Custom-Ready Theme. It's everything you need to efficiently create your own custom websites!

More from 1LD

At 1LD, all of our work focuses on developing addons from the users perspective. This allows us to make the themes and stacks as intuitive as possible so you can spend more time producing and less time with instructions. Check out more of what we make at the link below.
Stacks Image 10414