Definition:
A scrollmap, or scroll map, is an aggregate visualization showing how far visits move down a web page. It commonly overlays colors or percentages on a page screenshot to represent the share of sessions that reaches each vertical area.
A scrollmap reveals how reach decreases as content appears farther down and helps compare patterns among pages, periods, or devices. By itself, it does not reconstruct each person’s journey or prove which content they read, understood, or considered relevant.
How a scrollmap works
A visual analytics tool records events related to scrolling, viewport size, and page length. For each visit, it may calculate the deepest point reached and express it as a position or a percentage of the available height.
Data from multiple visits is then combined over a representation of the page. The color scale usually assigns warmer colors to areas reached by a larger share of sessions and cooler colors to those with less reach. The precise meaning of each color depends on the tool’s scale.
Aggregation requires a common reference. Pages can change height, load dynamic modules, or render differently by device. A platform may therefore group URLs, normalize positions, or create separate maps for desktop, tablet, and mobile. These choices affect result comparability.
A scrollmap is not inherently immediate. Some platforms process sessions after collection, apply sampling, or limit the number of page views included. The period, filters, sample, and metric definitions should be reviewed before interpreting the graphic.
Information displayed
The central measure is the percentage of visits that reaches a given point. Because a person must pass through upper areas to reach lower ones, reach normally declines down the page. This decrease is an expected property, not an error by itself.
Depending on the platform, a map may include these references:
- Depth reached: The percentage or maximum position attained by the visits included.
- Users or sessions: The denominator used to calculate reach for each vertical band.
- Drop-off by area: The difference between visits reaching one section and those continuing to the next.
- Average fold: The approximate height visible before scrolling, calculated from observed screen sizes.
- Segments and filters: Comparisons by device, URL, campaign, time period, or other available dimensions.
The Microsoft Clarity scroll map documentation, for example, describes scroll percentages, visitor counts, drop-off, device views, and the average fold. Each product may use different names or different calculations, so figures should not be treated as interchangeable without checking the method.
Interpreting the map
An area with less reach is not necessarily unattractive. It may appear after the visitor has fulfilled their need, belong to a long page, or be unnecessary for many visits. Likewise, reaching the bottom does not prove reading, attention, or satisfaction.
Interpretation should begin with the page objective. On a landing page, it may be useful to know what share reaches the proposition, conditions, and call to action. On a long guide, depth may depend on its table of contents, direct links to sections, or the length required to answer each query.
Valid comparisons keep page type, period, and device consistent. A difference between mobile and desktop may result from module order, viewport size, or collapsed content. New and returning traffic or campaigns with different intentions can also be separated when volume allows.
Sudden changes in reach support hypotheses but do not automatically identify the cause. A tall block, an element that resembles the end of the page, a loading problem, or an answer already found can produce similar patterns. Investigation requires complementary signals.
Website applications
A scrollmap helps prioritize reviews of content and design by showing where reach is concentrated. It becomes more useful when connected with observable actions and the purpose of each page.
- Review hierarchy: Check whether essential information or relevant conditions sit in areas reached by only a small share of visits.
- Compare devices: Identify depth differences that may relate to responsive order, expandable modules, or excessively tall elements.
- Evaluate changes: Compare periods before and after a modification while retaining equivalent filters and without inferring causality from the map alone.
- Prioritize research: Select areas requiring review through session recordings, usability tests, or performance analysis.
- Monitor templates: Observe repeated patterns across groups of pages and identify possible cut-offs caused by shared components.
The position of a call to action can be reviewed with a scrollmap, but its performance is measured through defined impressions, clicks, and conversions. Moving it to an area with greater reach may increase exposure without improving response. The decision requires connecting reach and outcome.
Limits and distinctions
A scrollmap is a type of heat map focused on vertical depth. A clickmap represents clicks or taps on elements; a session recording replays events from one visit; and eyetracking measures gaze direction using specific technology. None should automatically substitute for the others.
Above the fold describes the area visible before the first scroll. The fold shown by a scrollmap is an aggregate estimate and varies with screen, browser, and design; there is no single height that applies to every visit.
Results may be distorted by technical factors: pages with variable height, infinite scroll, content loaded on demand, banners, resized windows, bots, very short sessions, or instrumentation errors. Grouping different URLs may also overlay structures that are not equivalent.
Collection should comply with applicable privacy and consent requirements. The map also does not explain motivations or establish causality. Its role is to describe how far a sample of visits reached under particular filters and provide evidence for broader investigation.