滚动动效 UI 设计模式

元素滚动进入视口时才淡入上浮，多个元素之间错开 80-150ms 形成接力感。

背景、中景、前景以不同速度滚动，制造肉眼可感的纵深。

动画进度直接绑定滚动位置：滚动条就是时间轴，倒着滚动画也倒着放。

在竖直的页面里嵌一段左右滑动的卡片列，打破滚动方向的单调。

一侧画面钉在屏幕上不动，另一侧文字随滚动逐段推进，讲一个三幕式的故事。

一排内容匀速循环滚动，接缝完全看不出来。两端渐隐是点睛之笔。

滑动松手后自动吸附到最近一页，像原生 App 的翻页，纯 CSS 零 JS。

进入视口时数字从 0 翻滚到目标值，像老式里程表一样逐位转动。

一串随机字符飞速跳动，逐位"解密"成真实文字，赛博感十足。

图片以 1.1-1.2 倍缓慢放大或从放大回缩，让静图有纪录片般的呼吸感。

每张卡滚动到位后钉住，下一张盖上来，像一叠纸被逐张码齐。

滚动时整个画面或关键词向观者放大推近，制造"冲进屏幕里"的过场。