スクロールの進行状況をアニメーション化する方法を知る必要があります。これは通常のスクロールの進行状況ではなく、何かが異なります。 Web サイトへのリンクと、探しているアニメーションが含まれる特定の部分のスクリーンショットを提供します。
https://todoist.com/
これはウェブサイトへのリンクです。
Web サイトのホームページの特定のセクションのスクリーンショットを添付しました。
ページがスクロールされると、スクロールはセクション内で発生し、セクション自体もスクロールします。スクロールのそのセクションが完了したら、通常どおりスクロールを続けます。プログレスバーのスクロールに関するチュートリアルはたくさんありますが、この特定のスタイルのアニメーションはありません
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
この例が問題の解決に役立つかもしれません。 コードペン AnimeJS ScrollMagic を使用します。
一般的に言うと:
リーリー