jquery - 「スクロールジャーニー」ウェブページはどのように機能しますか

Question

以前に質問されたことがありますが、申し訳ありませんが、この質問の言い方がよくわかりませんでした。これが人気のある例の1つであり、私が言いたいことのもう1つです。ユーザーがページを下にスクロールすると、ページ自体が実際にはスクロールの方向である必要のない固定パスのシーン上をパンします。

これらのサイトはどのように機能しますか？

Answer 1

このすべてのコードを自分で作成することもできますが、すばらしいjQueryScrollPathを使用することをお勧めします。

ドキュメントを読んでください。それはかなり簡単です。

---

引用は次のとおりです。

プラグインは、moveTo、lineTo、およびarcメソッドを使用して、パスを描画するためにキャンバスフレーバーの構文を使用します。パスを正しく取得するために、プラグインの初期化時にパスを含むキャンバスオーバーレイを有効にすることができます。

スクロールは、マウスホイール、上下の矢印キー、およびスペースバーを使用して実行できます。スペースバーは矢印キーよりも速くスクロールし、Shiftキーを押しながらスペースキーを押すと後方にスクロールします。クリックアンドドラッグスクロールを可能にするカスタムスクロールバーも含まれています。スクロールバーはデフォルトで有効になっています。

プラグインでは、CSS変換を使用してページ全体を回転させることもできます。これは、パスに沿って、または現在の位置の周りで実行できます。CSS変換をサポートしていないブラウザーでは、すべての回転は無視されますが、パスは引き続き使用されます。これは、プラグインがすべてのブラウザで正常に機能することを意味します。