---
title: "How to Add a Scroll on Hover to an Image in Elementor?"
url: https://theplusaddons.com/docs/add-a-scroll-on-hover-to-an-image-in-elementor/
date: 2024-05-10
modified: 2026-04-09
lang: en
author: "Aditya Sharma"
description: "Would you like to make your Elementor images scroll smoothly? This can be useful for displaying long portfolio images, making them fit in small sections on your website. Adding such..."
image: https://theplusaddons.com/wp-content/uploads/2024/05/How-to-Add-a-Scrolling-Effect-to-an-Image-in-Elementor_-4-1024x536.jpg
word_count: 219
---

# How to Add a Scroll on Hover to an Image in Elementor?

## 

- Utilizes the Creative Image widget from The Plus Addons for Elementor to add a scroll effect on hover for images.
- Requires installation and activation of The Plus Addons for Elementor to access the Creative Image widget features.
- Enables scrolling effect by adjusting the Min Height and Transition Duration settings in the Style tab of the widget.

Would you like to make your Elementor images scroll smoothly? This can be useful for displaying long portfolio images, making them fit in small sections on your website. Adding such scrolling effect on images can make your design stand out and grab the attention of your audience.

With the Creative Image widget from The Plus Addons for Elementor, you can easily add a scrolling effect on hover to your image in Elementor.

*To check the complete feature overview documentation of The Plus Addons for Elementor Creative Image widget, [click here.](https://theplusaddons.com/docs//creative-image-widget/)*

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

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/creative-images-for-elementor/)

To do this add the Creative Image widget to the page and follow the steps.

1. Select the appropriate option from the **Image Style** dropdown.

2. Then add your image in the **Choose Image** section.

3. Then enable the **Scroll Image** toggle from the **Style** tab.

![](https://theplusaddons.com/wp-content/uploads/2024/05/creative-image-scroll-image.png)

4. In the **Min Height** section, you have to set the image height, it should be smaller than the original image height.

Then you can adjust the scrolling speed from the **Transition Duration** field. 

Now, you’ll see a scrolling effect as you hover on the image.

***Suggested Reading***: *[How to Add a Parallax Image in Elementor?](https://theplusaddons.com/docs//add-a-parallax-image-in-elementor/)*