2 Repos
Optional vertical padding applied when scrolling to a target element for precise viewport positioning.
Distinct from Element-Targeted Scrolling: Distinct from Element-Targeted Scrolling: adds configurable offset/padding to the target position rather than just aligning to the element.
Explore 2 awesome GitHub repositories matching user interface & experience · Target Offset Configurators. Refine with filters or upvote what's useful.
elevator.js is a lightweight JavaScript library that adds a playful, elevator-themed scroll-to-top button to a webpage. When clicked, it smoothly animates the page back to the top while playing a looping elevator music track in the background, masking the transition and adding a whimsical touch to the user experience. The library goes beyond a simple scroll-to-top button by offering configurable scroll duration, the ability to scroll to any specified DOM element with optional vertical padding, and callback hooks that fire user-defined functions at the start and end of the animation. This allo
Ships configurable vertical offset when scrolling to any specified DOM element for precise positioning.
Scrollama is a JavaScript library for scroll-driven storytelling that uses the browser's native IntersectionObserver API to trigger step-based callbacks and animations as the user scrolls through a page. It pins graphic elements using CSS sticky positioning while scrolling through associated text steps, enabling side-by-side narrative experiences without JavaScript-driven layout calculations. The library provides a configurable offset threshold system that accepts a single global offset or per-element data-attribute offsets to define the viewport position that triggers step events. It reports
Allows setting unique viewport offsets for individual step elements via data attributes.