awesome-repositories.com
Blog
MCP
awesome-repositories.com

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-Source-AlternativenSelf-hosted SoftwareBlogSitemap
ProjektMCP-ServerÜber unsRanking-MethodikPresse
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

2 Repos

Awesome GitHub RepositoriesTarget Offset Configurators

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.

Awesome Target Offset Configurators GitHub Repositories

Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
  • tholman/elevator.jsAvatar von tholman

    tholman/elevator.js

    6,641Auf GitHub ansehen↗

    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.

    JavaScript
    Auf GitHub ansehen↗6,641
  • russellsamora/scrollamaAvatar von russellsamora

    russellsamora/scrollama

    5,982Auf GitHub ansehen↗

    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.

    HTML
    Auf GitHub ansehen↗5,982
  1. Home
  2. User Interface & Experience
  3. Scroll Areas
  4. Programmatic Scrolling
  5. Element-Targeted Scrolling
  6. Target Offset Configurators

Unter-Tags erkunden

  • Per-Element Offset OverridesAllows individual step elements to specify their own viewport offset via data attributes, overriding the global configuration. **Distinct from Target Offset Configurators:** Distinct from Target Offset Configurators: applies offsets per-element via data attributes for scroll-driven storytelling steps, not a global padding for programmatic scrolling.