滚动相关 · 滚到哪、变到哪
平滑滚动接管Smooth scrolling
- 有重量
- 跟手但不贴身
- 顺滑
滚轮推一下,内容不是立刻跟上来,而是带一点重量地追上去;松手还会缓缓滑一小段才停。整页像被一只看不见的手托着走。
什么时候用它
想显得讲究的作品集与长页面官网用它;工具界面、表单、需要精确停位的列表不要用 —— 那点延迟会让人对不准。
参数
wheel → target += deltaY · per frame current += (target − current) × 0.08 · lerp, no easing · transform only
配方
per frame current += (target − current) × 0.08平滑滚动接管 → wheel → target += deltaY · lerp, no easing · transform only
给 AI 的一句话
给整页加上平滑滚动接管:拦截滚轮,把滚动量累加到一个目标值,每帧用 current += (target − current) × 0.08 逼近它再位移内容,位移只写 transform。松手后保留残余速度继续衰减,不要直接停。