滚动驱动的横向文字

向下滚动 —— 区域内顶部文字向右滑,底部文字向左滑

Scroll Zone

顶部向右 · 底部向左

文字位移由页面滚动进度实时驱动

效果结束

向上滚回去,文字会反向滑回原位

Sticky 定位区域高 300vh,内部 100vh 容器吸顶,制造滚动行程。
进度映射滚动进度 0 → 1 映射为两排文字相反方向的位移。
平滑插值rAF + lerp 缓动,让文字跟随滚动时丝滑无顿挫。