---
title: "Divi Scroll Image"
url: "https://divipeople.com/docs/divi-scroll-image-doc.md"
canonical: "https://divipeople.com/docs/divi-scroll-image-doc/"
published: "2026-07-13"
modified: "2026-07-13"
author: "Fahim Reza"
tags:
  - "divi-conkit-pro"
---

# Divi Scroll Image

**Scroll Image** is part of **Divi Conkit Pro**. It shows a tall screenshot — a full landing page, a long app screen — scrolling within a fixed-height frame on hover or mouse scroll, so visitors can preview the whole image without it taking up the full page height.

## Key Features

- **2 scroll triggers** — On Mouse Hover or On Mouse Scroll.
- **4 scroll directions** — Bottom to Top, Top to Bottom, Left to Right, Right to Left.
- **Adjustable scroll speed** and fixed frame Image Height.
- **Optional direction icon and image overlay** to signal the scroll interaction to visitors.

## Adding the Module

1. Edit a page with the Divi Visual Builder.
2. Add a new module and search for **Scroll Image**.
3. Upload your tall screenshot, set Image Height to the visible frame size, and choose a Scroll Type and Direction.

## Content Settings

- **Upload Image** — the full, tall source screenshot.
- **Scroll Type** — On Mouse Hover or On Mouse Scroll.
- **Scroll Direction** — Vertical or Horizontal, with 4 directional options.
- **Scroll Speed / Image Height.**
- **Show Direction Icon / Use Icon Animation / Use Image Overlay.**

## Design Settings

- **Overlay** — background color when Use Image Overlay is on.
- **Icon** — color and size for the direction indicator.

> **Set Image Height deliberately**
> Image Height defines the visible “window” — pick a height that shows a meaningful first impression (e.g. above the fold of the screenshot) before the scroll interaction reveals the rest.

## FAQ

### Does it work with Divi 5?

Yes. Native Divi 5 module with full Divi 4 support — your license covers both.

### Does it work on touch devices?

Yes — on mobile, the scroll typically triggers on touch-drag within the frame.

### Where can I see it in action?

Visit the [Scroll Image module page](https://divipeople.com/modules/scroll-image/) for a live overview and pricing.