Scroll to top of the page

Scroll the window back to the top.

JavaScriptBrowser · DOM Version 1.0.0 · MIT · .md

function goToTop() { window.scrollTo(0, 0); }

Usage

Markup

<div style="height: 3000px"></div>

Script

window.scrollTo(0, 1500);
goToTop();
window.scrollY; // → 0

Lines marked → were executed in headless Chromium against the markup above, and each result was compared with the value shown. Lines marked e.g. are illustrative.

Know the limits

• If the page sets scroll-behavior: smooth, the scroll animates. Keep smooth scrolling inside a prefers-reduced-motion: no-preference query.
• When the jump is a navigation step, also move focus, for example to the main heading, so keyboard and screen-reader users follow.

The function above is the code the usage lines run. It does not validate its arguments; add checks where it receives untrusted input.

Keep exploring

• Check if a given DOMRect is contained within another DOMRect — True when the target lies inside the container or on its edges.
• Check if two DOMRects intersect — Two rects intersect when they meet on both axes.
• Compare two DOMRects for size and position match — Compare x, y, width and height exactly.