scroll

The bar beside a scrollable region whose thumb shows both how much content there is and where in it you are.

A horizontally scrolling row of cards, one row per category, stacked down the page so each row is browsed sideways.

A scrolling column or adaptive grid of equivalent items built for browsing, where no item outranks another by position alone.

A table column held against the edge while the rest scrolls sideways, so the row's identifying value stays readable.

A scanning shape where the eye holds one spot on the screen while content scrolls past underneath it, most common on phones.

The element that actually scrolls its overflowing content, distinct from the page, and the box the browser calls the scrollport.

Snap positions declared on a scroll container so scrolling settles on a chosen item edge instead of stopping wherever momentum runs out.

A footer held against the bottom of the viewport when the page is short, and pushed below the content when the page is long.

A header that scrolls away with the page until it reaches the top edge, then stays fixed there while the rest keeps moving.

A side column that scrolls with the page and then holds in place once its top reaches the viewport edge, releasing at the end of its container.

The bottom edge of the first screenful, above which content is seen without any scrolling and below which it must be earned.

A control that appears after the reader has scrolled some distance and returns them to the top of the page in one action.

A page that looks finished at a point where content actually continues, so the reader stops scrolling and never sees the rest.

A list that appends the next page of results automatically as the reader approaches the bottom, so the content never ends and no page controls appear.

Rendering only the rows currently in view and a small buffer around them, while spacers preserve the scrollbar of the full list.

Dragging a list downward past its top edge to trigger a reload, with an indicator that appears in the space the drag opens up.

A header that slides out of the way while the reader scrolls down and returns immediately on the first upward scroll, without waiting for the top of the page.

A bar tied to scroll position that shows how much of an article remains, usually pinned to the top edge and filling as the reader descends.

A gradient mask at the edge of a scroll container that fades clipped content out, hinting that more lies past the edge without drawing a control.

Overriding the browser's scrolling so a wheel turn advances a scripted sequence instead of moving the page by the distance the reader asked for.

Navigation that watches the scroll position and highlights the entry for the section currently in view.

A narrative layout where a pinned graphic stays fixed while text scrolls past it, each step changing what the graphic shows.

A condensed product bar that pins itself to an edge once the real buy button has scrolled away, keeping price and purchase always reachable.

Scrolling a container automatically when a drag is held near its edge, so an item can be moved somewhere currently off screen.

The fastest of the drag family: contact is released while it is still moving, so the content keeps travelling and the gesture cannot be dragged back.

Content that keeps moving after the finger lifts, decelerating as though it had mass, so one flick can travel a long way.

Scrolling input that continues after a scroller has reached its limit, which platforms answer with a bounce, a glow, or a handoff to the parent.

Moving the viewport across content in any direction while keeping contact, so the content feels anchored to the finger or cursor.

Keeping the reader's position fixed when content loads or resizes above it, by adjusting scroll offset so the visible text does not jump.

When an inner scroller reaches its end and the gesture continues, the scroll passes to the page behind it unless that handoff is blocked.

Freezing the page behind an open overlay so a wheel or swipe moves the overlay's own content and never the document underneath.

A header that shrinks as the page scrolls, trading its large title and image for a compact bar that stays available.

Moving layers at different rates against the same input, so the slower layers read as farther away and the scene gains depth.

Holding a section fixed in place while the page keeps scrolling, spending scroll distance on an animation instead of on movement.

An animation whose progress is bound to scroll position rather than to time, so scrolling back rewinds it exactly.

An animation that scroll position only starts, after which it runs on its own clock and does not rewind when the reader scrolls back up.

Animating a programmatic jump so the page travels to its destination instead of cutting there, which keeps an anchor link or a back-to-top button from losing the reader's place.

A run of sections that each stick at the top of the viewport as the next one slides over it, so scrolling deals the page like a deck rather than passing it by.

Skewing or stretching content in proportion to how fast the page is scrolling and easing it back to square when the scroll stops, so speed shows up in the shape of the content.

A scroll timeline measured by one element's passage through the scrollport, with named ranges for entering, being contained, covering, and exiting.

The thumb and track colours of a scrollbar, which a page can set explicitly or leave to the declared colour scheme so the browser draws its own dark variant.

Giving a scrollable box its own tab stop so a keyboard user can scroll it, which matters whenever the content inside holds no focusable element of its own.