---
title: Horizontal Scroll
description: Bring your website content to life with ScrollTrigger animations. This feature lets elements animate exactly when they appear on the visitor’s screen, making scrolling more interactive and visually exciting. Text, images, icons, and sections can fade, slide, zoom, or reveal…
url: "https://wpeasyelements.com/docs/horizontal-scroll/"
updated: "2025-11-23"
category: General Widgets
---

# Horizontal Scroll

Bring your website content to life with ScrollTrigger animations. This feature lets elements animate exactly when they appear on the visitor’s screen, making scrolling more interactive and visually exciting. Text, images, icons, and sections can fade, slide, zoom, or reveal as users navigate your page.

## How to Use ScrollTrigger Widget of Easy Elements Pro

### Step 1:

#### Add ScrollTrigger Widget:[https://happyaddons.com/docs/happy-addons-for-elementor-pro/happy-effects-pro/advanced-heading/#step-1](https://happyaddons.com/docs/happy-addons-for-elementor-pro/happy-effects-pro/advanced-heading/#step-1)

Select the Horizontal ScrollTrigger widget from the left panel, then drag and drop it into your desired area on the canvas.

![](https://wpeasyelements.com/wp-content/uploads/2025/10/image-112.png)

### Step 2:

#### Horizontal ScrollTrigger Settings:

1. **ScrollTrigger Type**
2. **Marquee Repeater Items**
3. **Repeater Select Type**
   1. Select Only Image Type
   2. Select Template Type

![](https://wpeasyelements.com/wp-content/uploads/2025/10/image-113.png)

### Step 3:

#### Customize Horizontal ScrollTrigger Style:

Easily customize your widgets appearance including ScrollTrigger items and title style — all from the Style panel.

![](https://wpeasyelements.com/wp-content/uploads/2025/10/image-114.png)