component
Smooth Scroll to Top
By Chiranjeev Singh

Details
- Chiranjeev SinghAuthor
- componentType
- $5.00Price
- 2026-08-31Published
- 2026-08-31Updated
- 2026-08-31Added
- InteractiveCategories
Summary
Adaptive easing, progress ring
Description
Appears after a scroll threshold you set in vh, px, or percent of page, then returns to the top on a real easing curve rather than the browser's native smooth scroll. Duration adapts to distance by default — a short page and a long one both feel deliberate instead of one snapping and the other dragging. Switch to fixed timing if you'd rather pin it. Controls Reveal threshold (vh / px / % of page) · hide near page end · five corner positions with X/Y offsets · size, radius, background, hover background, border, shadow · three built-in icons or a custom image · optional scroll-progress ring · adaptive or fixed timing with speed, min/max duration, and five easing curves · stop offset for sticky headers · four entrance animations · hover and tap scale · ARIA label. Interruptible by default — wheel, touch, or keypress cancels the animation mid-flight. Respects prefers-reduced-motion .
Introduction
Adaptive easing, progress ring
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #7627