V4 Extentions Parallax Estimated reading: 3 minutes 3 views Add depth to your page. With Parallax, an element moves slower or faster than the scroll, so it feels like it floats at a different distance. Great for images and hero sections. No code needed. WORKS ON Any V4 element EFFECT Depth on scroll PLAN Pro BEFORE YOU START Requirement ELEMENTOR V4 Atomic ANIMATION ADDONS Free ANIMATION ADDONS Pro Tip: Install and activate both Animation Addons plugins before you start. STEP 1 Enable the Extension Turn on the extension from your dashboard. You only need to do this once. From your WordPress Dashboard, go to Animation Addon > Extensions. Open the Elementor V4 (Atomic) tab. Under Animation Extensions, turn on Parallax. Click Save Settings. Parallax Extension 1 (click to zoom) STEP 2 Add Parallax Now add the effect to an element in the Elementor editor. Open your page with the Elementor Editor. Select any V4 element, for example an Image. In the General tab, open the Parallax Effect section. Turn on Enable Scroll Smoother. Set a Speed, for example 0.6. Parallax Extension 2 (click to zoom) Parallax Extension 3 (click to zoom) Save your page and scroll. The element now moves at its own speed. Note: When Parallax is on, your page gets smooth scrolling. This is how the effect works. RESULT Final Result Parallax Extension 4 Note: In this example, the top image scrolls normally. The bottom image has Speed 0.6, so it moves slower than the scroll and seems farther away. SETTINGS Settings Enable Scroll Smoother Default: OffTurn the parallax effect on or off for this element. You can set it per screen size. Speed Default: 0.9How fast the element moves compared to the scroll. 1 is normal. A number smaller than 1 makes it move slower, so it looks farther away. A number bigger than 1 makes it move faster. Quick picks: 0.6, 0.7, 0.8, 0.9. Lag Default: 0Makes the element follow the scroll a little late, in seconds. 0 means no delay. A small number, like 0.5, gives a soft, floating feel. Enable in Editor Default: OffTurn this on to see the effect inside the Elementor editor. Tip: Start with a small change, like 0.8. A big change can look too strong. Use a slow speed on a background image and normal speed on the text above it. PER DEVICE Different Settings Per Screen Size Enable Scroll Smoother, Speed and Lag can change per screen size. Use the Desktop, Tablet and Mobile buttons at the top of the editor. Use a strong speed on desktop. Use a gentle speed, or turn it off, on mobile. NEED HELP? Troubleshooting I do not see the Parallax Effect section Check that the extension is on. Go to Animation Addon > Extensions > Elementor V4 (Atomic) and turn on Parallax. Then reload the editor and select a V4 element. I do not see any movement Make sure Enable Scroll Smoother is on, the page is saved, and Animation Addons Pro is active. Check that your page is long enough to scroll. Try a clear speed like 0.6. Speed 1 shows no change. To see it in the editor, turn on Enable in Editor. Why does my page scroll smoothly now? Parallax uses smooth scrolling to move elements at different speeds. This is normal when Parallax is on. You Did It Your element now moves with depth as visitors scroll. If you face any problem, please contact our support team. We are happy to help.
