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

Key Takeaways

  • Creative Image widget from The Plus Addons for Elementor adds a scrolling effect on hover to images.
  • Users can adjust the scrolling speed using the Transition Duration field in the Creative Image widget settings.
  • The image height in the Min Height section must be set smaller than the original image height for the scrolling effect to work.
Table Of Content

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.

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

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.

Creative image scroll image how to add a scroll on hover to an image in elementor? From the plus addons for elementor

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.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if the scrolling effect isn't working on my image?

If the scrolling effect isn't working, check that you've enabled the Scroll Image toggle in the Style tab. This toggle must be activated for the effect to function. Additionally, ensure that the Min Height is set smaller than the original image height, as this is crucial for the scrolling effect to display correctly.

What is the best height setting for the scrolling effect?

The best practice is to set the Min Height to be smaller than the original image height. This ensures that the scrolling effect is visible and works as intended. Adjusting this setting correctly is essential for achieving the desired visual impact.

Does the Creative Image widget work with other page builders?

The Creative Image widget is specifically designed to work only with Elementor. It does not support other page builders like Gutenberg, Beaver Builder, or Divi. If you're using Elementor, this widget can significantly enhance your image display capabilities.

Last reviewed: April 9, 2026