awesome-repositories.com
博客
MCP
awesome-repositories.com

通过 AI 驱动的搜索，发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目MCP 服务器关于排名机制媒体报道
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
flackr avatar

flackr/scroll-timeline

0
View on GitHub↗
1,157 星标·112 分支·JavaScript·Apache-2.0·8 次浏览

Scroll Timeline

Scroll-timeline is a JavaScript library and standards-based browser polyfill that implements scroll-driven animations and scroll timelines for environments lacking native platform support. It links web animations and CSS animations directly to the user's scroll position or element visibility instead of time, enabling fluid visual effects tied to page movement.

The library supports scroll-driven page effects such as scaling image dimensions, panning background positions across large visual elements, and revealing transitions between visual states progressively as the user scrolls. It also triggers dynamic element animations whenever an item enters or intersects the visible viewport.

Underlying architectural mechanisms handle document structure changes, schedule animation frame updates with the rendering pipeline, and map container scroll dimensions and bounding rectangles into a normalized timeline progress percentage. Standard style declarations and CSS variables are intercepted to evaluate scroll progress manually and attach calculated values directly to target element keyframe animations.

Features

  • Scroll Animations - Links web animations directly to the user's scroll position to create fluid, interactive visual effects tied to page movement.
  • Scroll Timeline Polyfills - Implements scroll-driven animations and scroll timelines for web browsers lacking native platform support.
  • Scroll Animation Polyfills - Provides a standards-based polyfill that enables CSS animations to be driven by scroll position instead of time.
  • Scroll-Based Property Interpolation - Performs mathematical mapping of container scroll dimensions and bounding rectangles into a normalized timeline progress percentage.
  • Scroll-Driven Animation Tools - Links element animations directly to the scroll offset so visual progress tracks page movement accurately.
  • Scroll-Driven Transition Effects - Scales images, reveals content, and creates panoramic transitions that progress naturally as the user scrolls.
  • Dynamic Element Animation - Triggers and controls dynamic animations whenever an item enters or intersects the visible viewport area.

Star 历史

flackr/scroll-timeline 的 Star 历史图表flackr/scroll-timeline 的 Star 历史图表

AI 搜索

探索更多 awesome 仓库

用简单的语言描述您的需求 —— AI 将根据相关性为您从数千个精选开源项目中进行排序。

Start searching with AI

包含 Scroll Timeline 的精选搜索

收录 Scroll Timeline 的精选合集。
  • Parallax animation library

Scroll Timeline 的开源替代方案

相似的开源项目，按与 Scroll Timeline 的功能重合度排序。
  • mattdelacdev/wowmattdelacdev 的头像

    mattdelacdev/WOW

    9,904在 GitHub 上查看↗

    WOW is a JavaScript library and animation engine designed to trigger CSS animations when elements enter the browser viewport during page scrolling. It serves as a tool for orchestrating visual transitions based on the user's scroll position and element visibility. The library functions as a dynamic content animation tool, capable of detecting and animating new elements added to the page after the initial load. This allows visual effects to be applied to dynamically injected content without requiring a page refresh. The system utilizes the Intersection Observer API to detect viewport entry an

    JavaScript
    在 GitHub 上查看↗9,904
  • matthieua/wowmatthieua 的头像

    matthieua/WOW

    9,903在 GitHub 上查看↗

    WOW is a JavaScript library and frontend animation controller that triggers CSS animations when elements enter the browser viewport during scrolling. It functions as a viewport trigger engine, managing the timing and execution of visual transitions for both static and dynamic page content. The library integrates scroll events with CSS animations and effects from libraries such as Animate.css. It utilizes intersection observers to monitor viewport entry and mutation observers to track and apply animation triggers to new elements added to the DOM after the initial setup.

    JavaScript
    在 GitHub 上查看↗9,903
  • janpaepke/scrollmagicjanpaepke 的头像

    janpaepke/ScrollMagic

    14,951在 GitHub 上查看↗

    ScrollMagic is a DOM scroll interaction framework and animation engine used to map scroll progress to callbacks and visual effects. It functions as a library for triggering animations based on a user's scroll position and the proximity of elements to the viewport. The framework employs a plugin-based system to extend core behavior and customize how elements react during movement. This allows for the development of non-standard scrolling interactions and interactive storytelling experiences where content transitions are tied to the scroll position. The system provides capabilities for viewpor

    TypeScript
    在 GitHub 上查看↗14,951
  • prinzhorn/skrollrPrinzhorn 的头像

    Prinzhorn/skrollr

    18,426在 GitHub 上查看↗

    Skrollr is a dependency-free scroll-driven animation engine and cross-platform frontend library. It functions as a toolkit for linking CSS properties and HTML attributes to scroll positions to create synchronized animations, specifically providing utilities for the interpolation of SVG attributes. The library enables the creation of parallax scrolling and interactive web storytelling by mapping scroll offsets to specific style values. It allows for the development of non-linear movement and dynamic SVG effects through the use of custom HTML attributes that define keyframes. The system covers

    HTML
    在 GitHub 上查看↗18,426
查看 Scroll Timeline 的所有 30 个替代方案→

常见问题解答

flackr/scroll-timeline 是做什么的？

Scroll-timeline is a JavaScript library and standards-based browser polyfill that implements scroll-driven animations and scroll timelines for environments lacking native platform support. It links web animations and CSS animations directly to the user's scroll position or element visibility instead of time, enabling fluid visual effects tied to page movement.

flackr/scroll-timeline 的主要功能有哪些？

flackr/scroll-timeline 的主要功能包括：Scroll Animations, Scroll Timeline Polyfills, Scroll Animation Polyfills, Scroll-Based Property Interpolation, Scroll-Driven Animation Tools, Scroll-Driven Transition Effects, Dynamic Element Animation。

flackr/scroll-timeline 有哪些开源替代品？

flackr/scroll-timeline 的开源替代品包括： mattdelacdev/wow — WOW is a JavaScript library and animation engine designed to trigger CSS animations when elements enter the browser… matthieua/wow — WOW is a JavaScript library and frontend animation controller that triggers CSS animations when elements enter the… terwanerik/scrolltrigger — ScrollTrigger is a JavaScript library and DOM scroll event manager designed to execute callbacks and toggle CSS… janpaepke/scrollmagic — ScrollMagic is a DOM scroll interaction framework and animation engine used to map scroll progress to callbacks and… prinzhorn/skrollr — Skrollr is a dependency-free scroll-driven animation engine and cross-platform frontend library. It functions as a… alexfoxy/lax.js — Lax.js is a lightweight JavaScript library designed for creating scroll-driven animations and interactive motion…