Lenis スムーズスクロールとパララックスセクション

この実装は、Lenisを使用したスムーズスクロールとパララックス効果を紹介しています。4つの異なるセクションがあり、各セクションの背景画像はスクロールに対して異なる速度で動き、現実的な奥行き感を生み出します。上部のプログレスバーはスクロール位置を視覚的に表示し、右側のナビゲーションドットでセクション間を素早く移動できます。

Lenisはパフォーマンス最適化された滑らかなスクロールを提供し、パララックス効果はスクロール位置とセクションインデックスに基づいて計算されます。実装はレスポンシブで、デスクトップとモバイルデバイスの両方で良好に動作します。