Skip to content

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 for a live overview and pricing.

Loading...