滚动驱动的横向文字
向下滚动 —— 区域内顶部文字向右滑,底部文字向左滑
↓
Scroll Zone
顶部向右 · 底部向左
文字位移由页面滚动进度实时驱动
效果结束
向上滚回去,文字会反向滑回原位
Sticky 定位区域高 300vh,内部 100vh 容器吸顶,制造滚动行程。
进度映射滚动进度 0 → 1 映射为两排文字相反方向的位移。
平滑插值rAF + lerp 缓动,让文字跟随滚动时丝滑无顿挫。
向下滚动 —— 区域内顶部文字向右滑,底部文字向左滑
文字位移由页面滚动进度实时驱动
向上滚回去,文字会反向滑回原位