Scroll Depth Offcanvas
Keep scrolling to trigger the offcanvas panel at 50% scroll depth
What is Scroll Depth?
Scroll depth measures how far down a page a user has scrolled, expressed as a percentage of the total page height. This metric is incredibly valuable for understanding user engagement and content consumption patterns.
25% Depth
User has scrolled through a quarter of the page content
50% Depth
Trigger point – offcanvas opens here to capture attention
75% Depth
User has scrolled through a quarter of the page content
How It Works
Compare
Check if depth exceeds threshold
Trigger
Open offcanvas at 50% depth
Listen
Track scroll events continuously
Calculate
Compute percentage of page scrolled
Why Use Scroll Depth?
Strategic Triggers
Place CTAs at optimal engagement points
Conversion Boost
Increase conversions with well-timed offers
Engagement Metrics
Measure how deeply users engage with content
Content Value
Identify which sections keep users scrolling
Use Cases
Perfect for capturing attention when users are most engaged
Newsletter Signup
Capture emails from engaged readers
Product Offers
Show promotions to invested visitors
Survey Request
Gather feedback from active users
Related Content
Suggest complementary articles
Free Trial CTA
Invite engaged users to try features
Live Chat Support
Offer help to deep-diving visitors