Scroll Stack Cards

The Scroll Stack Cards module is an interactive content section that creates a sticky scrolling experience. As users scroll down the page, each card smoothly stacks into view one by one, keeping the content engaging and easy to follow. When users scroll back up, the cards unstack in reverse, providing a seamless two-way scrolling animation.

The Scroll Stack Cards module creates a smooth, interactive scrolling experience by stacking cards as users navigate through the page. As the user scrolls down, each card becomes pinned and stacks on top of the previous one, bringing the next piece of content into focus. This sequential animation helps present information in a clear and engaging way.

When users scroll back up, the animation plays in reverse, with each card unstacking smoothly to reveal the previous card. This creates a seamless experience in both scrolling directions.

Each card supports customizable titles, descriptions, buttons, and images, with image alignment options including left, right, top, or bottom. The module is fully responsive and is ideal for presenting features, services, products, timelines, processes, or other step-by-step content in a visually engaging format.

Below is a list of all the customization options available for the Scroll Stack Cards

Content

Drag and drop the Sticky Card Slider into your desired location on the page.

The drag and drop the module default show review Scroll Stack Cards group to change the content.

Add a number for the respective text field to clearly indicate its purpose and guide users in entering the appropriate content.

Add a title for the respective text field to clearly indicate its purpose and guide users in entering the appropriate content.

Users can also add description in the respective text field.

Users can also add button text and naviagtion link  in the respective button fileds.

User can select the image position in the dropdown options field.

users can change the background gradient color to the scroll cards.

Users can change the description font, color and spacing.

User can change button styles like font, background color,color and spacing.

User can change the cards spacing like padding and margin.

Users can change the width of the card depends up on screen size.

Users can change the image position like left,right,top and bottom direction.

Users can change the cards corner radius in the respective style field.