Divi Scrolling Stacked Card for Layered Sections
Divi Scrolling Stacked Card lets you create stacked card sections with scroll-based positioning, spacing, pinning, smoothness, easing, scale, rotation, blur, opacity, and progress controls.
Stack Cards in Three Steps
Select a step to see exactly which controls light up inside the Divi Scroll Stack panel.
Create Scroll-Based Stacked Card Sections
Scroll Stack Toggle
Turn any Divi section into a stacked card scroll layout
Custom Card Selector
Target specific cards with a custom selector field
Stack Position
Set where the cards begin stacking with percentage control
Stack Offset
Adjust the distance between stacked cards with pixel control
Stack Direction
Choose Top peek above or Bottom peek below card direction
Card Spacing
Control the gap between cards before they stack on scroll
Scrub Smoothness
Choose Smooth, Medium, Slow, Instant, or Very Smooth scrolling
Easing Control
Shape the motion with Linear, Power2, Expo, Sine, Back, or Elastic easing
Pin Cards
Keep cards pinned while the stacking effect plays through
Visual Effects
Add scale, rotation, blur, and opacity fade effects
Scroll Feedback
Show progress bar, card indicators, and debug markers when needed
Stack Divi Cards While Visitors Scroll.
Divi Scrolling Stacked Card adds section-level controls for stacked card layouts, pinning, spacing, smoothness, easing, visual effects, progress, and indicators.
Control How Cards Stack
Set stack position, offset, spacing, and direction to shape the layered card layout.
Tune the Scroll Feel
Use scrub smoothness and easing controls to make the card movement feel natural.
Add Scroll Visuals
Enable scale, rotation, blur, opacity fade, progress bar, and card indicators.
Settings That Shape the Card Stack
Enable Scroll Stack from Design Settings
Custom Card Selector Field
Stack Position Control
Stack Offset Adjustment
Top or Bottom Stack Direction
Card Spacing Control
Smoothness Presets**
Easing for Scroll Motion
Pin Cards During Scroll
Scale, Rotation, Blur, and Opacity**
Progress and Card Indicators
Open a Divi section, go to the Design tab, expand Scroll Stack, and enable the stacked card effect without custom code.
Use the Custom Card Selector field to define which elements should behave as stacked cards inside the section.
Adjust Stack Position by percentage to decide where the stacked card effect begins during the scroll.
Set the Stack Offset in pixels to control how much each card peeks or separates from the next card.
Choose Top peek above or Bottom peek below to control the direction of the stacked card reveal.
Adjust Card Spacing to define the distance between cards before and during the stacked scroll layout.
Select 1 — Smooth, 2 — Medium, 3 — Slow, Instant, or 0.5 — Very Smooth for scrub behavior.
Choose Linear, Power2 Out, Power2 In, Power2 In-Out, Expo Out, Sine In-Out, Back Out, or Elastic easing.
Enable Pin Cards to hold the cards in place while the stacked scrolling motion continues.
Turn on Scale Effect, Rotation Effect, Blur Effect, or Opacity Fade to add visual depth to the card stack.
Show a progress bar, card indicators, or debug markers from the Scroll Stack panel when you need visual scroll feedback.
Rated 4.8 Stars by 90+ Divi Users on Trustpilot
"Excellent product. I used it for Divi 4 and Divi 5. And the support is perfect. So quick response and help."
Sweden
"Our issue was solved fast. DiviNext takes his customers serieus. That is an important point for us."
Netherlands
"The team was very helpfull and professional! They resolved my problem in a very short time, and answered all my questions."
Italy
"Divi Next support does an outstanding job of addressing our issue; for this instance, it was our issue, not theirs. Thanks!"
United States
4.8 / 5 on Trustpilot · 90+ Verified Reviews
Everything Included with Divi Scrolling Stacked Card
- Scroll Stack toggle for Divi sections
- Custom Card Selector field
- Stack Position percentage control
- Stack Offset pixel control
- Top peek above stack direction
- Bottom peek below stack direction
- Card Spacing control
- Scrub smoothness presets
- Easing style selection
- Pin Cards toggle
- Scale Effect toggle
- Rotation Effect toggle
- Rotation degree control
- Blur Effect toggle
- Blur Amount control
- Opacity Fade toggle
- Opacity Reduction control
- Show Progress Bar option
- Show Card Indicators option
- Debug Markers option
- Built into Divi Essential
- Lifetime updates for Lifetime license holders
- Priority DiviNext support
Create layered card sections that stack, pin, shift, scale, rotate, blur, and fade as visitors scroll through your Divi page.
Get Divi Essential NowDivi Scrolling Stacked Card — Key Questions Answered
How to Use Divi Scrolling Stacked Card
Open the Divi Builder and select the section where you want to create the stacked card scroll effect.
Go to the Design tab, open Scroll Stack, enable Scroll Stack, and add a custom card selector if needed.
Set position, offset, direction, spacing, smoothness, easing, pinning, visual effects, progress bar, indicators, and save.
More Built Into Divi Essential
Horizontal Scrolling Card
Sideways scroll layouts with pinning, parallax, and indicators
Tooltip
Tooltip text with position, color, arrow, and animation controls
Cursor and Trail Effects
50 cursor, pointer trail and image trail effects
Particle Effects
40 GSAP-powered particle animations for any section
Floating Elements
Floating animated images for any section
Spotlight Effects
Cursor-driven spotlight lighting for 100+ modules
Create Cards That Stack as Visitors Scroll.
Use Divi Scrolling Stacked Card to build layered card sections with pinning, spacing, easing, scale, rotation, blur, opacity, progress, and indicators.
