スクロール · スクロールで変わる
スムーススクロール制御平滑滚动接管
- 重みがある
- 追従するが密着しない
- なめらか
ホイールを一回転させても内容はすぐには付いてこず、少し重みを持って追いつきます。手を離した後もしばらく滑ってから止まります。ページ全体が見えない手に運ばれているような手触りです。
使いどころ
品格を出したいポートフォリオや長いランディングページに向きます。ツール画面、フォーム、正確に止めたいリストには使わないでください。あの遅れが狙いを外させます。
パラメータ
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 のみ。手を離した後は残った速度を減衰させ続け、急に止めないでください。