How to Add Page Transition Effect in Elementor Horizontal Scroll?

Key Takeaways

  • The Horizontal Scroll widget from The Plus Addons for Elementor allows users to add different scrolling effects to horizontal scrolling sections.
  • The Skew effect adds a skew transformation to sections during scrolling, adjustable via Skew Value.
  • The Bounce effect enables a unique transition by combining Skew Value and Scale Value adjustments on scroll.
Table Of Content

Do you want to add beautiful page transition effects in your Elementor horizontal scrolling section? Creating a website that stands out from the crowd involves having an eye for design and the technical skills to execute it well. One of the most popular tools used to build websites today is Elementor.

If you’re a web developer, you’ll know that horizontal scrolling is a popular design feature that’s often used to make websites more interactive and visually appealing. However, adding a scroll effect to horizontal scrolling can take your site’s design to the next level. 

The Horizontal Scroll widget from The Plus Addons for Elementor allows you to add different scrolling effects to the horizontal scrolling section.

To check the complete feature overview documentation of The Plus Addons for Elementor Horizontal Scroll widget, click here.

Requirement  – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.

To do this, add the widget on the page, and once you’ve added your Elementor template, go to Scrolling Options tab > Scroll Effect.

Horizontal scroll effect

In the dropdown, you’ll find different scrolling effect options.

Normal – This is for normal scrolling. It won’t have any effect.

Skew – This will add a skew effect to the sections when you scroll. From Skew Value, you can manage the amount of skew.

Scale – This will add a scaling effect to the section on scroll. When you scroll it will scale down the section in the Y axis, you can manage the value from Scale Value

Bounce – This will allow you to add a bounce effect to the sections on scroll. You can manage Skew Value and Scale Value to create a unique bounce effect.

With these effects, you can easily add some eye caching transition effects in your Elementor horizontal scroll.

Also, check How to Add Paginations in Elementor Horizontal Page Scroll.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if the page transition effect isn't working in Elementor?

If the page transition effect isn't working, ensure that you have added the Horizontal Scroll widget from The Plus Addons for Elementor correctly. Check the Scrolling Options tab and confirm that you've selected a scroll effect from the dropdown. If no effect is selected, the default 'Normal' option will apply, which has no visual impact.

What is the best scroll effect to use for a smooth user experience?

For a smooth user experience, the 'Skew' effect is often recommended. It adds a subtle visual change without overwhelming the viewer. Adjust the Skew Value to find the right balance that enhances your design while maintaining usability. This effect can keep users engaged without distracting them from the content.

How do I customize the Skew and Scale values for my transitions?

To customize the Skew and Scale values, go to the Scrolling Options tab after adding the Horizontal Scroll widget. You can adjust the Skew Value to control the angle of the skew effect and the Scale Value to manage the scaling on the Y-axis. Fine-tuning these values allows you to create unique transitions that fit your design vision.

Last reviewed: April 12, 2026