scroll-into-view/scroll-into-view-if-needed

Health v2 · maintenance only

Adoption not part of the score

1450 stars · 77 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A small, dependency-free JavaScript ponyfill for Element.scrollIntoView that implements upcoming spec features like scrollMode: 'if-needed', behavior: 'smooth', and alignment options. It lets developers scroll elements into view only when necessary, with customizable boundaries and scroll behavior.

Use cases

• scroll an element into view only if it is not fully visible
• smoothly scroll to a DOM element with consistent behavior across browsers
• align a scrolled element to center of the viewport
• limit scrolling to a specific boundary container
• replace non-standard scrollIntoViewIfNeeded with a spec-compliant API
• customize scroll animation with a custom behavior function

When to choose

• you need 'if-needed' scrolling semantics in browsers that lack support
• you want consistent smooth scrolling behavior across Chrome, Firefox, and Safari
• you need fine-grained control over scroll alignment and boundaries
• you want a tiny, dependency-free scrolling utility

When to avoid

• native Element.scrollIntoView already covers your needs in your target browsers
• you need scroll animation outside the DOM/browser context
• you need a full-featured animation library rather than a scrolling utility

Facets

library · maturity stable

animation web-development frontend browser cross-platform ponyfill smooth-scrolling scrollintoview typescript dom

Member repositories

For agents

markdown · JSON · MCP: product_card(name="scroll-into-view/scroll-into-view-if-needed")