Scroll Map

A scroll map is a visual report that shows how far down a web page your visitors scroll before they stop. It takes the scroll behavior of many sessions and paints the page with color, usually running from warm to cool: the top of the page, which nearly everyone sees, glows warm, and the color cools as you move down to the sections fewer and fewer people reach. Somewhere on that gradient is the average fold — the point half your visitors never scroll past. Read together, the bands tell you what share of people reached the headline, the third paragraph, the pricing table, or the footer. A scroll map does not track clicks or mouse movement. It answers one narrow, useful question — how much of this page actually gets seen.

That single question turns out to matter a great deal, because pages are almost never read in full. A striking call to action buried below the point where most people stop is, for practical purposes, invisible, no matter how good it is. A scroll map exposes that gap between where you put content and where attention actually goes. Say you place your strongest testimonial and your signup button near the bottom of a long landing page. If the map shows the warm color fading two screens above them, you have your explanation for weak signups: the persuasive parts arrive after most readers have gone. Designers and marketers use scroll maps to find these dead zones, to test whether a redesign pulls attention lower, and to decide what deserves the scarce space near the top.

A scroll map is one member of a family of heatmaps, and it helps to know what separates it from its cousins. A click map, sometimes called a tap map on mobile, records where people click or tap, so it tells you what draws action — which links, buttons, and images get pressed, and which get ignored. A move or hover map tracks cursor movement as a rough proxy for where eyes go on desktop. An attention or area map estimates how long each region stays in view, blending scroll depth with time. A scroll map is narrower than all of these: it measures vertical reach only, not clicks, not cursor paths, not dwell time. That focus is its strength. When you want to know whether people even get to a section, the scroll map answers plainly, without the noise of what they did once there.

The distinction guides which map to reach for. If signups are weak and you suspect the button is fine but simply unseen, the scroll map is the right lens — it shows whether people reach it at all. If people reach the button but do not press it, a click map is more useful, because the problem is action, not visibility. Tools such as Microsoft Clarity, Hotjar, and Contentsquare typically bundle scroll, click, and attention maps side by side for exactly this reason, since each answers a different question and they are strongest read together. Treating a scroll map as a general engagement score is the common mistake. It is a scroll-depth report, nothing more and nothing less, and its value comes from asking it only the question it can answer well.

Use a scroll map to make placement decisions with evidence instead of guesswork. Start by finding the average fold and the point where the warm color breaks down, then check what important content lives below that break. If your primary message, proof, or call to action sits in the cold zone, either move it up or shorten what comes before it so readers arrive sooner. Compare scroll maps across devices, because phones and wide monitors produce very different depth patterns, and a design that reads well on a laptop can bury everything on mobile. Gather enough sessions before you trust the picture — a handful of visits is noise. And pair the scroll map with a click map and your conversion data, so you learn not only how far people scroll but what they do when they get there.

The traps are subtle. A sharp color break is not automatically a problem: a well-designed page can deliver its point early and let the rest taper off by design, so a fast fade near the bottom may be fine. Reading the map without segmenting by device or traffic source blurs very different behaviors into one misleading average. And a scroll map cannot tell you why people stop — whether they found what they needed, got bored, or hit a confusing section — so it should prompt questions, not settle them. Used with that discipline, a scroll map is a plain, honest picture of how much of your page survives contact with a real audience, and a reliable guide to what deserves the space near the top where nearly everyone still looks.

The term joins scroll, the act of moving through a page, with map, a colored representation of data, describing a heatmap of how far visitors travel down a page.

Etymology: source.

Search interest for this term over the last five years:

View interest-over-time on Google Trends →

Areas of marketing where scroll map is a core concern: