Scroll Depth

What Is Scroll Depth?

Scroll depth measures how far users scroll down a page, typically reported at thresholds like 25%, 50%, 75%, and 100% of total page height. It answers a simple but critical question: what percentage of your carefully crafted page content does any given visitor actually see? Scroll depth is essential for long-form landing pages, blog articles, and any page where the content below the fold is meant to persuade.

Also Known As - Marketing teams: scroll rate, scroll percentage, page depth - Sales teams: content consumption, engagement depth - Growth teams: scroll tracking, page engagement, content reach - Product teams: scroll coverage, content visibility, viewport progression

How It Works Imagine a long-form landing page (4,200 pixels tall on desktop) with the following content sections stacked vertically: hero with CTA, social proof, features grid, customer testimonial, case study, FAQ, final CTA. Scroll depth data over 30,000 visitors shows: 100% see the hero (fold), 82% reach social proof (25%), 61% reach the features grid (50%), 34% reach the case study (75%), 19% reach the final CTA (100%). Conversion attribution shows the final CTA drives 42% of conversions despite only 19% of visitors seeing it. The team has two options: move the final CTA higher (combine with features grid), or make the content between fold and case study more compelling to push more people down. They split-test both and find that adding a sticky header CTA (visible at all scroll depths) captures most of the missed conversions without requiring users to scroll further.

Best Practices - Do set scroll tracking at meaningful thresholds (25/50/75/100%) and also at specific page sections by pixel. - Do segment scroll depth by device type. Mobile users scroll dramatically more than desktop due to narrower viewports. - Do correlate scroll depth with conversion. If users who scroll past 60% convert 3x more than shallow scrollers, that content is doing persuasion work. - Do not assume deeper scrolling always means better engagement. Sometimes users scroll because they cannot find what they need. - Do not bury important CTAs at 90% scroll depth expecting visitors to find them.

Common Mistakes - Treating scroll depth in isolation. A 25% scroll depth is very different for a 500-pixel page vs a 8,000-pixel page. - Ignoring the relationship between content sections and scroll drop-off. Large drop-offs between sections signal weak transitions. - Over-optimizing for scroll depth at the expense of reader intent. Some audiences scan, some deep-read; optimize for conversion, not scroll.

Industry Context - SaaS/B2B: Long-form landing pages typically show 60-75% fold visibility, dropping to 25-35% at full scroll. Repeat CTAs every 2-3 screens capture converting users wherever they are ready. - Ecommerce/DTC: Product pages benefit from scroll depth analysis to determine whether reviews, size guides, and related products are being seen. Sticky add-to-cart captures shallow-scrollers. - Lead gen/services: Blog posts and service pages often show steep drop-off after the first subheading. Inserting CTAs at 25% and 50% scroll depth (not just the end) captures early-conviction readers.

The Behavioral Science Connection The serial position effect, identified by Hermann Ebbinghaus and later refined by Glanzer and Cunitz, shows that people disproportionately remember information at the beginning and end of a sequence. On web pages, this manifests as strong engagement with above-the-fold content, declining attention through the middle, and slight recovery at the bottom where CTAs and conclusions live. Zeigarnik's effect (the tendency to remember incomplete tasks) explains why section headings and curiosity hooks can pull users further down the page: a well-phrased subhead creates an open loop that demands closure.

Key Takeaway Scroll depth is a measure of content reach, and understanding which portions of your page actually reach users lets you place your highest-value persuasion and CTAs where they will be seen rather than where they look clean in the layout.