ScrollMagic

ScrollMagic 是一个轻量级 JavaScript 库，用于实现基于滚动位置的交互逻辑。它封装了 IntersectionObserver 和 ResizeObserver，提供元素相对于视口的位置检测、进入/离开视口事件、滚动进度值及状态管理，支持自定义滚动容器、横竖向滚动和 SSR 环境。核心特点是零依赖、约 6KB gzip 压缩体积、原生 TypeScript 支持、高性能批处理更新，不绑定任何动画库，仅负责 scroll-driven 数据与事件分发。适用于需要精确滚动触发行为的场景，如视差效果、懒加载、滚动导航高亮、滚动视频控制、用户行为追踪等跨框架前端项目。