parallaxsection
[parallaxsection, name]…[parallaxsectionend]
Allows additional content on top of an image from the images/parallax folder as a background parallax scrolling image (the image scrolls slower than the foreground giving the effect of depth).
Parameters
name - image name
See Also
[parallaximage]imagesChanges
1.48 - creating multiple event handlers
1.45 - jerky scrolling after multiple page loads
Examples
Example#1 parallaximage between 2 colorsections
[colorsection][heading,section 1][colorsectionend]
[parallaxsection,image1.jpg]
[section,background-color:initial;][heading,section 2][sectionend]
[parallaxsectionend]
[colorsection][heading,section 3][colorsectionend]
Output:
Notes
defaults to the images/parallax folder unless another images folder is specified in the name ie. various/image.jpg
to override the size of the parallax images add this to content/classes
.ParallaxContainer {
height: 40vh;
}
.ParallaxImage {
height: 80vh;
}