The Vertical Scroll effect is a classic parallax effect. Vertical scrolling causes the element to move at a different speed than the page while scrolling, in the direction and speed of your choice.
Advanced or Style> Background
Motion effects
- Scroll Effects: Slide to ON
- Vertical displacement: Click the pencil edit icon
Direction: Choose Up or Down
Speed: Sets the vertical scroll movement speed from 0 to 10
Viewport: Determines when to start motion, based on the height of the viewport (the visible size of the device screen). For example, if the viewport value is set between 50 and 100, the movement begins only after half the height of the window is moved. - Apply effects on: Select this option to apply motion effects on desktop, tablet and / or mobile devices
- Effects Relating to: Choose from Default, View, or Full Page
Note: The viewport value is calculated based on the viewport height (that is, the viewable size of the screen) and not the full page height. This is true in all situations except for items with a fixed position. See the picture below:
