创意灵感库

精选创意设计灵感展示

动效

滚动渐现章节

模拟 scroll-timeline 页面效果：章节进入视口自然上浮渐现，左侧固定阅读进度线随滚动百分比同步填充。适用场景：可用于博客长文阅读体验、产品落地页功能介绍区。

滚动过渡动画

Scroll Story

内容随滚动位置逐段显现，侧边进度线同步阅读进度

原生 scroll-timeline 让动画进度直接绑定滚动位置，无需监听 scroll 事件，主线程零开销，动画始终保持流畅。

对不支持的浏览器使用 IntersectionObserver 兜底，功能等价体验一致，用户感知不到差异。

侧边进度线实时反映阅读位置，长文中读者能随时感知内容节奏与剩余篇幅。

每个章节进入视口时上浮渐现，配合交错延迟形成叙事节奏，引导视线逐段推进。