A plain sideways slide does the job, but a small amount of movement while the strip is in motion makes a horizontal scroll feel less mechanical.
The Horizontal Scroll widget from The Plus Addons for Elementor has four built-in transitions under Slide Scroll Effects.
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 Pro, make sure it’s installed & activated to enjoy all its powers.
Before You Start
- Edition: Pro — Horizontal Scroll is only in The Plus Addons for Elementor Pro. With the Pro plugin switched off the widget is not in the editor at all, and a page that already uses it shows nothing where the widget was.
- Widget to enable: Horizontal Scroll, switched on under The Plus Addons > Widgets.
- You need a template: an Elementor Library template whose top-level sections are the slides. The widget turns each top-level section of that template into one horizontal slide.
How to Add the Effect
- Select the Horizontal Scroll widget on your page.
- Open the Scrolling Options section.
- Pick an option in Slide Scroll Effects.
- Adjust Skew Value or Scale Value if they appear, then preview the published page and scroll.
The Four Options
| Option | What happens while you scroll | Values it uses |
|---|---|---|
| Normal | No transform at all. The slides just move sideways. | — |
| Skew | The strip leans as it moves, and leans the other way when you scroll back up. | Skew Value, 0 to 20, default 3 |
| Scale | The strip squashes vertically while it moves. | Scale Value, 0.1 to 1, default 0.9 |
| Bounce | Leans and squashes at the same time. | Both values |
How It Behaves
- The transform is applied to the whole strip, not to each slide separately, so all the slides lean or squash together.
- It only lasts while the scroll is moving. About a third of a second after you stop, the strip eases back to its normal shape.
- Skew flips direction with the scroll: leaning one way going down and the other way going back up.
- Skew Value is offered for Skew and Bounce. Scale Value is offered for Scale and Bounce.
- At the default settings the measured effect is small: a 0.046 horizontal skew and a vertical scale of 0.9.
Limitations
- There are only these four options. You cannot combine them differently or supply your own transform.
- The effect cannot be applied to one slide only.
- Because it resets when scrolling stops, it will not show up in a screenshot of a still page.
- The whole widget is Pro only. With the Pro plugin switched off the section it builds disappears from the page entirely.
Troubleshooting
I picked an effect but nothing looks different
Look at the page while you are actually scrolling. The transform is reset as soon as the scroll stops, so a static view always looks normal.
Skew Value or Scale Value is not in the panel
Each value only shows for the effects that use it. Skew Value needs Skew or Bounce, Scale Value needs Scale or Bounce.
The effect is too strong
Lower Skew Value towards 0, or raise Scale Value towards 1.
