Scroll Sequence Block for WordPress
Scroll Sequence block lets you create stunning image sequence animations that respond to mouse wheel movements or touch gestures, adding dynamic interactivity to your website.
Interactive Scroll Animations
Engage Users With Scroll Sequences
Narrative Through Image Sequences
Visual Storytelling Made Simple and Impactful
Flexible Layout Integration
Enhance Any Design With Interactivity
Why Should You Use the Scroll Sequence Block?
Scroll Animator
The Scroll Sequence Block works by detecting user scrolls (mouse wheel or touch gestures) and displaying images in a sequence. Each scroll reveals the next image, creating a smooth, interactive experience.
Scroll Sequence Block Frequently Asked Questions
The Scroll Sequence block is a dynamic tool that allows you to create scroll-based animations and sequences on your WordPress page. By scrolling, users can trigger various animations or images to display, enhancing user engagement and creating a more interactive experience. It's perfect for showcasing products, storytelling, or adding engaging effects to your site.
To use the Scroll Sequence block, you need to have the Unlimited Elements Pro version installed and activated on your WordPress website.
- Go to the Unlimited Elements Block Library.
- Search for "Scroll Sequence" in the search bar.
- Hover over the block in the search results and click Install.
- Add the “Scroll Sequence” block to any WordPress page.
The Scroll Sequence block is not free; it is part of the Unlimited Elements Pro version. Unlock this block and many other advanced features by upgrading to Pro. Upgrade Now
Yes, this block allows you to enable different configurations for tablet and mobile devices. You can adjust settings and other parameters to ensure the best user experience across all devices, maintaining responsiveness and smooth animations for different screen sizes.
To add the image sequence for this block, enter the URL of the folder that contains your image files. Ensure that all images in the sequence are properly uploaded in the folder to create a smooth animation.
In this block, you need to specify the total number of images in the sequence minus 1. For instance, if you have 5 images in the sequence, enter "4" as the number of images to ensure the animation functions correctly.
Yes, this block allows you to set the canvas height and width in pixels. It’s important to match the canvas size with the width of your images to ensure proper alignment and that the animation flows seamlessly.
Theis block provides an option to set the image horizontal shift. This allows you to adjust the horizontal movement of the images during the scroll, creating a more dynamic visual effect and further customizing the sequence for your design.
This block proves particularly useful when you want to add an engaging storytelling element to your WordPress-designed pages. Whether you're showcasing a product series, creating a visual journey, or presenting step-by-step guides, the Scroll Sequence Block for WordPress enhances your ability to deliver dynamic and interactive content.
Using the Scroll Sequence block is simple. Drag the block into your WordPress page, upload the sequence of images or animations you wish to display, and set the scroll triggers. Customize the settings such as timing, effects, and direction of the sequence to match your desired look.
Yes, the Scroll Sequence block lets you define custom scroll start and end positions. This provides precise control over when the animation begins and finishes, based on the user's scroll position.
Yes, the scroll sequence animation is fully bi-directional. When the user scrolls down the page, the animation plays forward frame by frame. When scrolling up, the animation reverses, providing a fluid and responsive user experience.
The animation speed is influenced by the scroll range you define. A shorter scroll distance between the start and end points results in a faster sequence, while a longer distance slows it down. This gives you intuitive control over playback speed.
Yes, the Scroll Sequence block fully supports transparent backgrounds in both PNG and WEBP formats. This allows you to overlay animations seamlessly over any background or layout.
We recommend using WEBP format whenever possible for better loading performance and smaller file sizes.
