---
title: "Horizontal Scroll for Elementor"
url: https://theplusaddons.com/elementor-widget/horizontal-scroll/
date: 2025-04-22
modified: 2025-09-17
author: "Darshan Patel"
description: "Most Advanced Horizontal Scroll Widget for Elementor with multiple animation & effects. Create a Full-Page horizontal scrolling animation to wow your website visitors."
image: https://theplusaddons.com/wp-content/uploads/2023/12/Featureimagehorizontalscroll-1024x536.png
word_count: 210
---

# Horizontal Scroll for Elementor

![](https://theplusaddons.com/wp-content/uploads/2023/11/Advanced-Scrolling-Effect-Left-Img-new.png)
## Advanced Horizontal Scrolling Effects

-

Slide Transitions Animation

-

Change Background Color on Scroll

-

Change Opacity on Scroll

-

RTL Scroll Compatibility

-

Change Background Image on Scroll

-

Change Scrolling Speed

[
View Demos
](#one)

## Control Horizontal Scroll with Arrows & Dots​

-

Navigate Scroll with Dots

-

Navigate Scroll with Anchor Link

-

Navigate Scroll with Next/Prev Button

-

Navigate Scroll with Anchor Link

-

Share Slide with URL Parameters

-

Pagination & Progress Bar for Horizontal Scroll

[
View Demos
](#two)
![](https://theplusaddons.com/wp-content/uploads/2023/11/Control-Horizontal-Arrow-Dots-1.png) ![](https://theplusaddons.com/wp-content/uploads/2023/11/Animated-widgets.png)
## Animate Widgets During Scroll

-

Scroll Viewport

-

Change Opacity on Scroll

-

Change Border Radius & Background Color

-

Move Horizontal & Vertically

-

Rotate, Scale or Skew Widgets

-

Disable Animation on Responsive Screens

[
View Demos
](#three)

## Live Demos of Elementor Horizontal Scroll
[![](https://theplusaddons.com/wp-content/uploads/2023/12/Frame-1272630061.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/creative-digital-agency/)
### Digital AgencyHorizontal Scroll
[![](https://theplusaddons.com/wp-content/uploads/2023/12/background-color.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/change-background-color/)
### Background color changeHorizontal Scroll
[![](https://theplusaddons.com/wp-content/uploads/2023/12/Fix-backgroundimage.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/fix-background-image/)
### Fix Background imageHorizontal Scroll
[![](https://theplusaddons.com/wp-content/uploads/2023/12/backgroundimg.png)](https://etemplates.wdesignkit.com/theplusaddons/widgets/change-background-image/)
### Background image ChangeHorizontal Scroll

## Key Features of Elementor Horizontal Scroll
![](https://theplusaddons.com/wp-content/uploads/2023/11/Select-the-page-template-for-horizontal-scroll.png)
### Select the Page Template for Horizontal Scroll
![](https://theplusaddons.com/wp-content/uploads/2023/11/Edit-Template-Directly-from-Backend.png)
### Edit Template Directlyfrom Backend
![](https://theplusaddons.com/wp-content/uploads/2023/11/Multiple-Scrolling-effects.png)
### Multiple ScrollingEffects
![](https://theplusaddons.com/wp-content/uploads/2023/11/Change-Section-Background-Color-or-Image-During-Scroll.png)
### Change Section Background Color or Image during Scroll
![](https://theplusaddons.com/wp-content/uploads/2023/11/Fix-Partcular-Content-Like-Header-During-Scroll.png)
### Fix Particular Content Like Header during Scroll
![](https://theplusaddons.com/wp-content/uploads/2023/11/Change-Section-Opacity-during-Scroll.png)
### Change Section Opacityduring Scroll
![](https://theplusaddons.com/wp-content/uploads/2023/11/RTL-Compatible-Horizontal-Scroll.png)
### RTL CompatibleHorizontal Scroll
![](https://theplusaddons.com/wp-content/uploads/2023/11/Adjust-Scroll-Speed.png)
### Adjust Scroll Speed
![](https://theplusaddons.com/wp-content/uploads/2023/11/Full-Side-Scroll.png)
### Full SlideScroll
![](https://theplusaddons.com/wp-content/uploads/2023/11/Set-Custome-Width-of-Horizontal-Scroll.png)
### Set Custom Width ofHorizontal Scroll
![](https://theplusaddons.com/wp-content/uploads/2023/11/Add-Custome-URL-to-each-Slide.png)
### Add Custom URL toEach Slide
![](https://theplusaddons.com/wp-content/uploads/2023/11/Connect-Horizontal-Scroll-with-our-Carousel-Slider-Connection-new.png)
### Connect Horizontal Scroll withour Carousel Slider Connection
![](https://theplusaddons.com/wp-content/uploads/2023/11/Set-Responsive-Visibility-for-Horizontal-Scroll-1.png)
### Set Responsive Visibility forHorizontal Scroll
![](https://theplusaddons.com/wp-content/uploads/2023/11/Add-Section-ID-to-Each-Horizontal-Section-1.png)
### Add Section ID to EachHorizontal Section
![](https://theplusaddons.com/wp-content/uploads/2023/11/Live-Elementor-Template-Editor.png)
### Live ElementorTemplate Editor

## Watch How it Works
Subscribe for more Such Elementor Video Tutorials