---
title: "Scroll Sequence Elementor Widget Settings Overview"
url: https://theplusaddons.com/docs/scroll-sequence-elementor-widget-settings-overview/
date: 2023-12-22
modified: 2026-09-19
lang: en
author: "Aditya Sharma"
description: "A scroll sequence plays a set of still images one after another as the visitor scrolls, so the picture appears to animate under their own thumb. Apple and Sony use..."
image: https://theplusaddons.com/wp-content/uploads/2023/05/Scroll-Sequence-Elementor-Widget_-Settings-Overview-1024x536.jpg
word_count: 941
---

# Scroll Sequence Elementor Widget Settings Overview

## 

- The Scroll Sequence widget from The Plus Addons for Elementor Pro ships only in Pro, and the widget disappears from the page when the Pro plugin is switched off.
- Scroll Sequence builds an image sequence from JPG, PNG, or WebP files already in the media library or from a Remote Server folder, with 30 to 60 frames described as a practical range.
- Apply To controls where the frames are painted, with Default across the section or container, Body behind the whole page, and Inner Column listed as a limitation in 6.5.0.
- Scrolling through the widget’s section drives the animation frame by frame, so a taller section makes the sequence slower and smoother, while no images selected shows No Image Selected! on the canvas.

A scroll sequence plays a set of still images one after another as the visitor scrolls, so the picture appears to animate under their own thumb. Apple and Sony use it on product pages.

The **Scroll Sequence** widget from The Plus Addons for Elementor builds one from images you already have — no video, no code.

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

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/image-scroll-sequence/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Before You Start

- **Edition:** **Pro** — the **Scroll Sequence** widget ships only in The Plus Addons for Elementor Pro. With the Pro plugin switched off the widget's output disappears from the page entirely.- **Widget to enable:** **Scroll Sequence**, under **The Plus Addons > Widgets**. Search for it and turn the toggle on.- **Prerequisite:** a numbered set of images, one per frame. JPG, PNG and WebP are the formats the widget offers. More frames means a smoother animation and a heavier page — 30 to 60 frames is a practical range.- **Prerequisite:** enough scrolling room. The sequence is driven by the height of the section or container it sits in, so if that area is short, set a **Min Height** on it — otherwise there is nothing to scroll through.

Search for **Scroll Sequence** under **The Plus Addons > Widgets** and turn the toggle on:

![The Plus Addons Widgets screen with the Scroll Sequence toggle switched on](https://theplusaddons.com/wp-content/uploads/2023/12/scroll-sequence.png)

## Build a scroll sequence

- Add a section or a container and drop the **Scroll Sequence** widget inside it.- In the **Scroll Sequence** section of the **Content** tab, pick where the frames should be drawn with **Apply To**.- Choose where the frames come from with **Upload Type**.- Give the section or container enough height for the visitor to scroll through — that scroll distance is what plays the sequence.

![The Elementor panel with Apply To, Upload Type and Image Upload in the Scroll Sequence section](https://theplusaddons.com/wp-content/uploads/2026/09/scrollsequence-apply-to.webp)

## Apply To

This decides which element the frames are painted over.

| Option | What it does |
| ------ | ------------ |
| **Default** | Draws the frames across the section or container the widget sits in. This is the setting most pages want. |
| **Body** | Draws the frames behind the whole page. Covered in [the page body guide](https://theplusaddons.com/docs/add-image-sequence-on-page-body-in-elementor/). |
| **Inner Column** | Meant for a single column of an Elementor section. See **Limitations** below before you use it. |

## Upload Type

**Gallery** takes the frames from your WordPress media library. Click **Image Upload** and select them; the order in the gallery is the order they play in.

![The Image Upload gallery control filled with forty numbered sequence frames](https://theplusaddons.com/wp-content/uploads/2026/09/scrollsequence-gallery.webp)

**Remote Server** builds the frame URLs from a folder you host elsewhere, which keeps hundreds of files out of your media library. It adds **Folder Path**, **Prefix**, **Digit**, **Image Type** and **Total Image**.

![The Remote Server fields: Folder Path, Prefix, Digit and Image Type](https://theplusaddons.com/wp-content/uploads/2026/09/scrollsequence-remote-server.webp)

The full walkthrough is in [How to Create Image Sequence Scroll Animation From a URL?](https://theplusaddons.com/docs/create-image-sequence-scroll-animation-from-a-url/).

## Extra Option

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| **Preload Image (%)** | Meant to control how much of the sequence is fetched before the animation begins. See **Limitations**. | 20 |
| **Sticky Sections** | Pins other widgets over the frames between two frame numbers. Each row takes a **Section ID**, a **Start** and **End** frame number, a **Top (%)** position and a **Start Animation** / **End Animation**. | Hide |

![The Extra Option section with Sticky Sections on and one row open](https://theplusaddons.com/wp-content/uploads/2026/09/scrollsequence-sticky-sections.webp)

## Style tab

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| **Position** | A **Custom** toggle that reveals **Top (%)** and **Left (%)**, both 0-100%. | Default |
| **Z-Index** | Stacking order of the frames against the rest of the page, -10 to 10. | 0 |
| **Width** / **Height** | Size of the drawing area, in px or %. | empty |
| **Start Offset (px)** | Moves the point at which the first frame appears further down the page. | empty |
| **End Offset (px)** | Adds to the scroll distance the sequence runs over, so it finishes later. | empty |

## How It Behaves

The frame shown is worked out from how far you have scrolled through the widget's section, so it steps forward evenly. On a 40-frame sequence in a container 400vh tall, measured at fixed scroll positions, the visible frame went 1, 6, 17, 28, 38, 40 from the top of the section to the bottom:

![Front end near the start of the sequence, showing frame 8 of 40](https://theplusaddons.com/wp-content/uploads/2026/09/scrollsequence-result-frame08.webp)

![Front end near the end of the same sequence, showing frame 34 of 40](https://theplusaddons.com/wp-content/uploads/2026/09/scrollsequence-result-frame34.webp)

Played end to end it looks like this:

![An image scroll sequence playing as the page is scrolled](https://theplusaddons.com/wp-content/uploads/2023/05/scroll-sequence-demo.gif)

- Scrolling back up plays the frames in reverse.- The taller the section, the more scrolling each frame gets, so the animation feels slower and smoother.- With no images selected the widget shows **No Image Selected!** on the canvas instead of rendering.

## Limitations

- **Apply To > Inner Column does not work in 6.5.0.** The drawing area is added to the column but no frame is ever painted — tested in a section column, in an inner-section column and with an explicit column height. Use **Default** inside a flexbox container column instead, which does work.- **Preload Image (%)** made no measurable difference. Two identical 40-frame pages, one at 100% and one at 1%, both requested all 40 frames on the first load.- The frames are drawn in the browser, so a long sequence is a real download. Compress the images and keep the frame count to what the animation needs.- **Remote Server** only accepts a numbered file name pattern — a prefix plus a number plus one extension.- There is no built-in loop, autoplay or play button. The visitor's scroll is the only control.

## Troubleshooting

### Nothing animates, the first frame just sits there

The section or container has no scrolling room. Set a **Min Height** on it — for an Elementor section, set **Height** to **Min-Height** and then a **Minimum Height** value.

### The sequence never reaches the last frame

Clear **End Offset (px)**. A positive value extends the scroll distance, so the run finishes past the end of the page. With **Start Offset** and **End Offset** both at 500 on a test page, the sequence had only reached frame 36 at the bottom.

### The frames cover my text

Raise the **Z-Index** of the widgets you want in front, or lower the sequence's own **Z-Index**, which starts at 0.

## Related Docs

- [How to Create Image Scroll Animations like in Apple, Sony in Elementor?](https://theplusaddons.com/docs/create-image-scroll-animations-like-apple-sony-in-elementor/)- [How to Add Sticky Sections in an Image Scroll Sequence?](https://theplusaddons.com/docs/add-sticky-sections-in-image-scroll-sequence/)- [How to Create Image Sequence Scroll Animation From a URL?](https://theplusaddons.com/docs/create-image-sequence-scroll-animation-from-a-url/)- [How to Convert Videos to Images Files?](https://theplusaddons.com/docs/convert-videos-to-images-files/)

## Frequently Asked Questions

**Q: Why does my scroll sequence stay on the first frame and not animate?**
A: That usually means the section or container has no scrolling room. The Scroll Sequence widget is driven by the height of its parent area, so if that area is too short, nothing advances. Set a Min Height on the section or container, and for an Elementor section switch Height to Min-Height with a Minimum Height value. The page also notes that the visitor’s scroll is the only control, so without scroll distance there is no animation to play.

**Q: How many frames should I use for a scroll sequence in Elementor?**
A: A practical range is 30 to 60 frames. Fewer frames keep the page lighter, while more frames make the motion smoother but heavier because every frame is a real browser download. The page also says more frames means a smoother animation and a heavier page, so the right count depends on how much visual smoothness you need versus how much load you want to add.

**Q: Does scroll sequence work with a section, container, or body background?**
A: The widget can draw frames across the section or container it sits in, or behind the whole page with Apply To set to Body. That makes it flexible for hero sections and full-page effects. Inner Column exists too, but the page warns about limitations there. For most layouts, Default is the setting most pages want because it keeps the animation tied to the element that actually has scroll height.

**Q: What image formats work with Scroll Sequence in The Plus Addons for Elementor?**
A: The widget accepts JPG, PNG, and WebP for its numbered frame set. That matters because each frame is treated as a still image in the sequence, not as video. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH uses those image files to build the animation inside Elementor without code, so your source images need to be prepared frame by frame.

**Q: Why do my text and other widgets disappear behind the scroll sequence?**
A: That’s usually a stacking issue. The frames are drawn in front of whatever has the lower Z-Index, and the Style tab gives you control over that order. Raise the Z-Index of the widgets you want in front, or lower the sequence’s own Z-Index from its default of 0. This matters most when you place text over an animated background and want readable content instead of full-frame coverage.

**Q: Is Inner Column safe to use for scroll sequence animations?**
A: Inner Column has a known limitation in 6.5.0: the drawing area gets added to the column but no frame is painted. The page says this was tested in a section column, an inner-section column, and with an explicit column height. For a working setup inside a flexbox container column, use Default instead. That avoids wasting time on a layout mode that currently fails to render frames.