Web Design & UX

Scroll Depth

Quick Definition

Scroll depth measures how far down a page users scroll, often expressed as percentage milestones (25%, 50%, 75%, 100%).

In context

Track scroll depth as an engagement signal. Pages with low scroll depth often have above-the-fold issues; pages with deep scrolling indicate content engagement and topical interest.

Have a question this didn't answer?

Book a free 60-minute strategy call. We'll explain how this concept applies to your specific situation.

Book a Free Call Browse 50+ Detailed Answers

Related terms

Color Contrast (WCAG AA)

WCAG AA color contrast requires text to maintain at least 4.5:1 contrast ratio against its background (3:1 for large text 18pt+ or 14pt+ bold) — a baseline accessibility requirement and a usability best-practice.

CSS Grid

CSS Grid is a two-dimensional layout system in CSS for arranging content in rows and columns simultaneously.

CSS Framework

A CSS framework provides pre-built styles, components, and layout systems — Bootstrap, Tailwind CSS, Bulma, and others.

Session Recording

Session recording captures and plays back individual user sessions, showing exactly how a person navigated, scrolled, and interacted with the site.

Skeleton Loader

A skeleton loader is a placeholder UI that mimics the shape of the eventual content (grey blocks where text and images will appear) shown while the real content loads.

Information Architecture (IA)

IA organizes content into logical structures that users can understand and navigate.

Back to all terms