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

UI (User Interface)

UI is the visual layer of a product — buttons, layouts, typography, colour, and interactive elements that users see and interact with.

UX (User Experience)

UX covers everything that affects how a user feels when interacting with a product — usability, clarity, performance, accessibility, and overall satisfaction.

Information Architecture (IA)

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

Contrast Ratio

Contrast ratio measures the difference in luminance between text and background, expressed as a ratio (e.g., 4.5:1).

CSS Framework

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

Mobile-First Design

Mobile-first design starts with the mobile layout and progressively enhances for larger screens, rather than designing desktop and shrinking down.

Back to all terms