Scroll · Moves as you scroll
Smooth scrolling平滑滚动接管
- weighty
- responsive, not glued
- fluid
Wheel once and the content does not jump to follow — it catches up with a little weight, and keeps drifting briefly after you stop. The whole page feels carried by an invisible hand.
When to use it
Use it on portfolios and long marketing pages where polish matters. Avoid it in tools, forms, and lists people need to stop precisely — the lag makes aiming harder.
Parameters
wheel → target += deltaY · per frame current += (target − current) × 0.08 · lerp, no easing · transform only
Recipe
per frame current += (target − current) × 0.08Smooth scrolling → wheel → target += deltaY · lerp, no easing · transform only
One sentence for your AI
Add smooth scroll takeover to the whole page: intercept the wheel, accumulate the delta into a target value, and each frame approach it with current += (target − current) × 0.08 before moving the content. Write transform only for the movement. Keep the residual velocity decaying after release instead of stopping dead.