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
- Edit a page with the Divi Visual Builder.
- Add a new module and search for Scroll Image.
- 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.