New Year Sale!

Days
Hours
Min
Sec

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

wordpress-black-friday-deals-2025
Add Schema to Elementor - Featured Blog
ue2
Image Scroll Widget for Elementor
FREE

Image Scroll Block for WordPress

Elevate your image display effortlessly with the Image Scroll Block. This feature enables a seamless vertical scroll, smoothly moving images from top to bottom as users hover over them.

image scroll

Why Should You Use the Image Scroll Block?

Reveal More with a Smooth Scroll Effect

The Image Scroll Block allows users to reveal more of an image when they hover or click on it. Perfect for displaying content that doesn’t fully fit within a mockup or screen space.

Ideal for Showcasing Designs in Mockups

This block is handy for web designers and developers who want to showcase their mobile apps or websites within realistic mockups, giving viewers a feel of scrolling through a real browser.

Improve User Engagement with Image Scroll block

Interactive elements like Image Scroll blocks can increase user engagement by encouraging users to interact with your application or website.

Image Scroll Block Frequently Asked Questions

What is the Image Scroll block in WordPress?

The Image Scroll block allows you to create engaging image-scrolling effects on your WordPress website. It’s perfect for adding dynamic scrolling interactions to your designs. This block is also ideal for galleries, portfolios, or storytelling layouts with smooth animations and customizable scroll behaviors.

How do I add the Image Scroll block to my WordPress website using the Unlimited Elements Blocks Library?

This block is available in the Unlimited Elements Blocks Library Free version.

  1. Go to the Unlimited Elements Blocks Library.

  2. Search in the search bar for “Image Scroll.”

  3. Hover over the block in the search results and click Install.

  4. Add the “Image Scroll” block to any WordPress page.

Is the Image Scroll block free?

Yes, the Image Scroll block is available for free in the Unlimited Elements Blocks Library. You can access and use this block in the free version of Unlimited Elements, which is downloadable from the WordPress plugin repository.

What types of images are supported in this block?

This block supports various image formats, including general images, SVG files, and vectors. This flexibility allows you to use high-quality and scalable visuals in your design, ensuring optimal performance and clarity across all screen sizes and devices. You can also seamlessly integrate these images to enhance interactivity and user engagement.

Can I make the scrolling image a clickable link?

Yes, the block allows you to turn any scrolling image into a clickable link. This feature is especially useful for creating interactive call-to-action elements, portfolio items, or product showcases. Simply add the desired link in the block settings, and users can navigate directly to your target page or resource when clicking on the image.

What device types can I emulate with this block?

This block offers options to display the image within device frames, such as desktop (Pro), tablet (Pro), mobile (Pro), or iMac (Pro). You can also customize the side border sizes of the selected device screen to create a realistic and visually appealing design that aligns with your website's theme and user interface.

Can I customize the scrolling directions in this block?

Yes, you can customize the scrolling direction to create dynamic visual effects using this block. Options include Top to Bottom, Left to Right (Pro), Bottom to Top (Pro), and Right to Left (Pro). These directional settings allow you to create unique animations that match your design aesthetic and draw attention to important sections of your webpage.

Can I customize the scrolling trigger in the block?

Yes, this block lets you choose between hover and click (Pro) as the scrolling trigger. This flexibility ensures the block can fit seamlessly into various user interaction scenarios, whether you want the scroll effect to activate when the user hovers over the image or clicks on it for further engagement.

How can I set the scroll animation duration?

The duration of the scroll animation can be set in seconds, giving you complete control over how fast or slow the image scrolls. This feature allows you to tailor the animation speed to fit your design's pacing, ensuring a smooth and engaging user experience that aligns with your website's style.

How can I customize the dimensions of this block?

You can set a height ratio or manually define a custom width and height for the block. This flexibility ensures the scrolling image fits seamlessly into your page layout, whether you’re designing for a full-width section, a smaller sidebar, or any other specific space within your WordPress design.

Can I add an overlay icon to the scrolling image?

Yes, you can display an overlay icon on top of the scrolling image. (Pro) The block also allows you to animate the icon, adding an extra layer of interactivity and visual appeal. This feature is ideal for highlighting important elements, adding context, or encouraging user interaction with the image.

How do I use the Image Scroll block in WordPress?

Using this block is simple. Drag the block into your WordPress page, upload your desired image, and configure the scroll effects and behaviors. You can customize animation speed, direction, and style for a unique scrolling experience. 

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!