Module 54 of 71

Divi Scroll Image that shows the whole page.

Put a full-page screenshot in a small frame and let it scroll on hover. Ideal for portfolios and theme showcases.

Get Divi Supreme Pro Open the playground

Vertical

Reverse

Horizontal

What is the Divi Scroll Image module?

Scroll Image is a Divi 5 module in Divi Supreme Pro that shows a tall or wide image inside a fixed frame and scrolls it on hover. Visitors see a whole website screenshot or panorama without leaving the page.

Scroll vertically or horizontally, set the speed in seconds, and reverse the direction. On touch screens, choose Auto, Hover only or Static. Open the image or another one in a lightbox, play a video popup, link it anywhere, and add a hover overlay.

scroll directions

max scroll time

mobile modes

custom code

Start from a Scroll Image recipe.

The recipes and the playground run on the front end. Use Preview, or open the page, to try them.

Hover the frame.

Try every Scroll Image setting.

The recipes and the playground run on the front end. Use Preview, or open the page, to try them.

Everything Scroll Image can do.

Updated 14 Oct 2026 in v5.0.83

Whole page in a frame

Show a full-page screenshot in a neat, fixed-height frame.

Vertical or horizontal

Scroll tall screenshots up and down or wide panoramas side to side.

Speed and reverse

Scroll time from 1 to 30 seconds, and start from the other end.

Mobile modes

Auto, Hover only or Static for touch screens and reduced motion.

Lightbox and video

Open the full image, another image, or a video popup.

Overlay

Colour overlay with an icon, always or on hover.

Scroll Image documentation

Setup for Divi 5: image, direction, speed, mobile mode, reverse, link and overlay.

Read the guide

Need help? Contact support

Questions about Scroll Image.

What is Scroll Image for?

Showing a long screenshot, such as a full website page, inside a small frame. On hover it scrolls so visitors can see the whole thing.

Can it scroll sideways?

Yes. Set Scroll Direction to Horizontal for wide images such as panoramas or timelines.

How do I set the speed?

Scroll Speed sets how many seconds a full scroll takes, from 1 to 30. Longer images look best with a slower speed.

What happens on phones?

Choose Mobile & accessibility: Auto scrolls on tap and respects reduced motion, Hover only waits for a pointer, and Static shows the top of the image without scrolling.

Can it start at the bottom?

Yes. Turn on Scroll Reverse Direction.

Can it open bigger or play a video?

Turn on Open in Lightbox, optionally with a different lightbox image, or Use as Video Popup.

Does Scroll Image work with Divi 5?

Yes. It is a native Divi 5 module with standard Divi borders, shadows and sizing.

Next module, A to Z

Shapes Module

Related modules

Perspective Image Module

3D tilted images.

Image Hover Reveal Module

Images that slice on hover.

Before After Slider Module

Compare two images.

Rated 4.9 by Divi designers on Trustpilot. Running on 350,000+ sites.

Read reviews →

Show the full picture in a small space.

Scroll Image comes with 70+ Divi 5 modules and 16 extensions in Divi Supreme Pro.

Get Divi Supreme Pro See all modules