Parallax Module Scrolling

Divi Toolbox  Extras  Parallax Scrolling for Modules

 

This feature adds ten different scrolling speeds you can apply to any module to achieve beautiful and smooth parallax scrolling effect. The effect can be applied to any row, section, or – for the best results – any module.

Navigate to module Settings → Advanced tab → CSS ID & Classes → CSS Class, and add the preferred custom class. A negative value makes the element move more slowly than regular scrolling. A positive value makes it scroll more quickly than regular scrolling.

Available classes:
scroll_speed_-10
scroll_speed_-9
scroll_speed_-8
scroll_speed_-7
scroll_speed_-6
scroll_speed_-5
scroll_speed_-4
scroll_speed_-3
scroll_speed_-2
scroll_speed_-1
scroll_speed_1
scroll_speed_2
scroll_speed_3
scroll_speed_4
scroll_speed_5
scroll_speed_6
scroll_speed_7
scroll_speed_8
scroll_speed_9
scroll_speed_10

Please note: Scroll speed -2 (CSS class of scroll_speed_-2) is the default “smooth, relaxed” scroll speed for elements to scroll more slowly than the rest of the page. Use higher values with caution and preferably only for background elements.

See the demo page.

Hi there!

If you have any questions or would like to get in touch, please fill the form below and we’ll get back to you as soon as possible.

Did you know?

You can create popups and effects like this one with Toolbox! It's so easy!

Ahhh yes!

You officially know the power of the irresistible 3D Button :D

You can easily design Popups like this one using Toolbox and Divi Builder!

Did you know?

Do you like this landing page? Does it look pretty advanced? Well, guess what! We didn’t use even a tiny bit of custom CSS or JavaScript to build it. All the awesome effects have been created using the Divi Toolbox!

Pricing

Choose the plan to suit your needs