スクロール進行アニメーション

Question

スクロールの進行状況をアニメーション化する方法を知る必要があります。これは通常のスクロールの進行状況ではなく、何かが異なります。 Web サイトへのリンクと、探しているアニメーションが含まれる特定の部分のスクリーンショットを提供します。

https://todoist.com/

これはウェブサイトへのリンクです。

Web サイトのホームページの特定のセクションのスクリーンショットを添付しました。

ページがスクロールされると、スクロールはセクション内で発生し、セクション自体もスクロールします。スクロールのそのセクションが完了したら、通常どおりスクロールを続けます。プログレスバーのスクロールに関するチュートリアルはたくさんありますが、この特定のスタイルのアニメーションはありません

Answer 1

この例が問題の解決に役立つかもしれません。 コードペン AnimeJS ScrollMagic を使用します。

一般的に言うと:

リーリー