The Selection Elementor Pack plugin provides the Scrolling Effect option for a section or column. You can find the feature settings on the Advanced tab of the current widget or Column/Section.
Enable
The toggle to enable/disable the scrolling effect for the current block. When the option is enabled, the following settings are available:
Enable Vertical scroll
The toggle to enable the vertical effects when scrolling. When the option is on there are additional settings:
- Direction – select the direction of the current element movement when scrolling: Up, Down.
- Speed – specify the speed of the current element movement when scrolling using a slider.
- Viewport – a dual-slider control that lets you define viewport starting and ending points for scrolling effects. The viewport is the user’s visible area of a web page. This visible area varies in size by device.
Enable Horizontal scroll
The toggle to enable the horizontal effects when scrolling. When the option is on there are additional settings:
- Direction – select the direction of the current element movement when scrolling: Left, Right.
- Speed – specify the speed of the current element movement when scrolling using a slider.
- Viewport – a dual-slider control that lets you define viewport starting and ending points for scrolling effects. The viewport is the user’s visible area of a web page. This visible area varies in size by device.
Enable Transparency
The toggle to enable the transparency effect when scrolling. When the option is on there are additional settings:
- Direction – select the direction of the current element movement when scrolling: Fade in, Fade out, Fade out in, Fade in out.
- Level – set the transparency level using the slider..
- Viewport – a dual-slider control that lets you define viewport starting and ending points for scrolling effects. The viewport is the user’s visible area of a web page. This visible area varies in size by device.
Enable Blur
The toggle to enable the blur effect when scrolling. When the option is on there are additional settings:
- Direction – select the direction of the current element movement when scrolling: Fade in, Fade out, Fade out in, Fade in out.
- Level – set the blur level using the slider.
- Viewport – a dual-slider control that lets you define viewport starting and ending points for scrolling effects. The viewport is the user’s visible area of a web page. This visible area varies in size by device.
Enable Rotate
The toggle to enable the rotate effect when scrolling. When the option is on there are additional settings:
- Direction – select the direction of the current element movement when scrolling: Left, Right.
- Speed – specify the speed of the current element movement when scrolling using a slider
- Viewport – a dual-slider control that lets you define viewport starting and ending points for scrolling effects. The viewport is the user’s visible area of a web page. This visible area varies in size by device.
- X anchor point – select anchor point for rotation and scale for X axis.
- Y anchor point – select anchor point for rotation and scale for Y axis.
Enable Scale
The toggle to enable the scale effect when scrolling. When the option is on there are additional settings:
- Direction – select the direction of the current element movement when scrolling: Scale up, Scale down, Scale down up, Scale up down.
- Speed – specify the speed of the current element movement when scrolling using a slider
- Viewport – a dual-slider control that lets you define viewport starting and ending points for scrolling effects. The viewport is the user’s visible area of a web page. This visible area varies in size by device.
- X anchor point – select anchor point for rotation and scale for X axis.
- Y anchor point – select anchor point for rotation and scale for Y axis.
Transition duration
Specify the duration of the transition of scrolling effects.
Enable On
The option to select devices on which the scrolling effect feature will be enabled.
Effect relative to
Select what the scroll effect will be relative to: Viewport, Entire page.