Scroll depth is the measurement of how far down a web page a visitor scrolls, typically expressed as a percentage of the total page height. Common scroll depth thresholds tracked are 25%, 50%, 75%, and 100%. It answers the question: are visitors actually seeing the content you have placed below the fold? Scroll depth data is captured through event tracking in analytics platforms and is a key input for page layout decisions, content prioritisation, and CRO hypothesis generation.
Scroll depth is tracked as events at percentage thresholds rather than calculated as a single formula.
Scroll Depth Reach % = (Number of Sessions Reaching Threshold X ÷ Total Sessions) × 100
If 10,000 sessions occur on a product page and 3,500 reach the 75% scroll mark, then 35% of sessions reach 75% scroll depth.
GA4 tracks scroll depth automatically as an event when users reach 90% of the page — though custom thresholds are configurable with additional setup.
On product pages, key conversion elements are often below the fold: detailed specifications, review sections, size guides, or instalment payment options. If scroll depth data shows that only 20% of visitors reach the review section at 80% depth, your reviews are functionally invisible to most visitors — which has a direct impact on purchase conversion. For long-form category or landing pages on Indian D2C sites, scroll depth helps identify where visitors lose interest and allows teams to either move critical content higher or improve mid-page engagement to pull visitors further down. It is one of the fastest ways to find high-impact layout changes to test.
Real-World Example
A Shopify store selling premium Ayurvedic supplements had placed their "100% natural ingredients" trust block and "Certified by FSSAI" badge at the bottom of the product page. Scroll depth analysis showed fewer than 15% of mobile visitors ever reached that section. After A/B testing a layout change that moved the trust block to just below the product title (above the fold on mobile), purchase conversion improved — because the trust information that was previously unseen by 85% of visitors was now in every visitor's line of sight.
- Move critical content higher: if conversion-influencing elements (reviews, certifications, key benefits) sit below the 50% scroll mark, test moving them up.
- Use visual hierarchy to pull visitors down: section headers, progress cues ("3 reasons this works"), and visual breaks encourage continued scrolling.
- Reduce page length on mobile: long pages on mobile require significant scroll effort. Condense and prioritise ruthlessly.
- Add anchor navigation for long pages: letting visitors jump to sections they care about (reviews, specs, FAQs) keeps them engaged rather than bouncing.
- Test sticky elements: a sticky add-to-cart bar that appears after 30% scroll ensures the primary CTA is always visible regardless of scroll position.
Scroll depth is a valuable secondary metric when testing page layouts. If a variant improves scroll depth at the 75% threshold, it means visitors are consuming more of the page — a signal that the layout or content is more compelling, which often (though not always) correlates with higher conversion.
Run smarter A/B tests with CustomFit.ai — 14-day free trial, no credit card required.