Simulate scroll depth tracking on page layouts. Enter percentage data to visualize where users stop scrolling with engagement bands.
This is a simulation tool for scroll depth, the metric for the share of sessions that scroll past a given point of a page. You type percentage data, such as how many sessions reach 25%, 50%, 75%, and 100% of the page, and it draws a mock page layout with engagement bands that show where the audience thins out and, between bands, where most sessions stop. The usual point of confusion is whether the numbers are cumulative (sessions reaching a depth) or incremental (sessions stopping inside a band); scroll-depth reports conventionally use the first reading. The tool renders what you enter, nothing more.
A concrete input and expected output from the current implementation.
Input
25%: 87, 50%: 63, 75%: 40, 100%: 19 (percent of sessions reaching each page depth)
Expected output
A mock page with four engagement bands. 87% of sessions reach 25% depth, 63% reach 50%, 40% reach 75%, and 19% reach the bottom. The derived drop-off between adjacent bands is 24 points (25% to 50%), 23 points (50% to 75%), and 21 points (75% to 100%), so the 25%-50% zone is where the largest share of sessions stop scrolling, and at most 40% of sessions see content below the 75% line.
Each entered value becomes a band at that page depth with the retention share attached, and the gaps between bands are the arithmetic differences of the inputs (87-63=24, 63-40=23, 40-19=21), so the largest gap marks the zone where the most sessions stopped. The rendering cannot be more accurate than the typed values.
Each depth you enter is placed as a horizontal band at that percentage of the mock page's height, so 25% sits one quarter of the way down and 100% at the bottom. The attached value is labeled on the band, and the area between two bands represents sessions that stopped scrolling somewhere in between. Positions are proportional, so the drawing is a stylized page, not a copy of yours.
Subtract the value of a lower band from the band above it to get the share of sessions that stopped in that zone; the largest such gap is where the audience abandons the page fastest. Content below a band can only have been seen by sessions that reached it, so a 40% value at 75% depth means no more than four in ten sessions see anything below that line.
It should mean 63% of sessions scrolled at least halfway down the page; scroll-depth reports conventionally count retention at each depth, and the band is drawn at that point. If your source data instead counts sessions that stopped inside each band, keep the two readings apart when you enter values, because mixing them makes the bands overstate how much content gets seen below each depth.
No. This is a simulator: the layout and the bands are built only from the percentage data you type in, and it cannot load or inspect your page, so there is no way to extract real behavior from a URL. To get actual numbers, measure scroll depth on the real page with event-based tracking that records how far sessions scroll, then enter those values to visualize them here.
The example and behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.
Shorten URLs with local redirect tracking via localStorage. See click counts and generate a QR code for each link.
Build UTM-tagged URLs for campaign tracking with source, medium, campaign, term, and content parameters.
Enter 2+ headlines and see simulated previews in Google results, email subject lines, and social posts side-by-side.
Count characters for Twitter/X, LinkedIn, Facebook, and Instagram with platform-specific limits and warnings.
Calculate click-through rates from impressions and clicks with industry benchmarks and trend analysis.
Check email subject line length against best practices for desktop and mobile with preview text optimization.