Scroll Depth Tracking
Scroll depth tracking measures how far down a page each visitor scrolls, usually reported as percentage thresholds such as 25%, 50%, 75%, and 100%.
In depth
A small script fires events as a visitor passes defined scroll milestones, letting you build a distribution of how much of each page is actually seen. This matters because impressions are not attention; a button placed below the point where most people stop scrolling effectively does not exist for them. By comparing where content sits against where scrolling drops off, you can move critical elements above the abandonment line.
In quiz funnels and long landing pages, scroll depth pinpoints whether a value proposition or call to action is being reached at all. A frequent pitfall is confusing a sharp scroll drop with disinterest when the real cause is a false bottom, a section that visually looks like the end of the page and stops people from scrolling further. Combining scroll depth with conversion data tells you whether reaching deeper actually correlates with completing the quiz, which guides where to place your strongest hooks.
Example in practice
Frequently asked questions
What scroll thresholds should I track?
The common 25, 50, 75, and 100 percent milestones work for most pages and are easy to interpret. For very long landing pages you may add finer milestones around key sections such as the form or main call to action. The goal is to know whether visitors reach the moments that drive conversion.
How is scroll depth different from a scroll heatmap?
Scroll depth gives you precise numbers, like the percentage of visitors who reach 75 percent of the page, while a scroll heatmap visualizes the same idea as a color gradient. Use scroll depth for measurement and reporting, and the heatmap for quick visual diagnosis. They complement rather than replace each other.
What is a false bottom and why does it hurt scroll depth?
A false bottom is a section that visually resembles the end of a page, leading visitors to stop scrolling even though more content follows. It creates an artificially low scroll depth and hides everything below it, including your call to action. Removing strong visual full-width breaks usually restores deeper scrolling.