23

クライアント用に多方向の JQuery パララックス ページを作成する必要があります。

アートワークの準備ができており、水平/垂直にスクロールできる多くの jquery ライブラリを見つけましたが、特定の座標で両方を組み合わせる方法がわかりません。誰かが私を正しい方向に向けてもらえますか?

編集：私は最初にこの投稿にサインオフし、Superscrolarama を調べてすべてが解決したと考えました - しかし、それを実装するのに苦労しました - 私が思っていた救世主ではないと思います.上記を達成できますが、これはサポートされていないようです。

4

5 に答える 5

20

一緒に何かを投げたのはjsfiddleです。

http://jsfiddle.net/9R4hZ/40/

スクリプトは、最初にすべてのオブジェクトの開始位置を初期化します。次に、矢印キーとマウス ホイールのハンドラーを設定します。その後、parallaxScroll 関数のアルゴリズムの要です。

スクロールには ARROWS または MOUSEWHEEL を使用します。

[左、右、上、下] からの遷移があります。

HTML と CSS は非常にシンプルです。

それを実行する JS/jQuery は自明です。

これは興味深い効果で、芸術的なタイプのサイトに適しているようです。

于 2012-10-03T18:16:15.200 に答える
6

Scrollramahttp://johnpolacek.github.com/scrollorama/やCurtainhttp : //curtain.victorcoulon.fr/のような書店を調べましたか？

私はあなたの質問であなたがすでにさまざまな書店を調べたと言っていることを知っていますが、それらがどのように機能するかによっては、適切な座標を使用する方法を実際に提案することは困難です。

*編集1

まだ表示されていない場合は、scrolloramaの作成者がsuperscrolloramaも実行しました。これにより、要素が固定されている場合など、アニメーションをもう少し制御できるようになります。

http://johnpolacek.github.com/superscrollorama/

于 2012-09-23T14:06:42.197 に答える
5

smashinghub.comのこの記事は、スクロールと視差効果のための JQuery プラグインのコレクションを示しています。そのうちの 1 つが役立つと確信しています。jQuery Scroll Pathが最も高度なものであるか、要件に合っているようです。

于 2012-09-25T07:44:55.033 に答える
1

私はここで遅れてジャンプしていることに気付きました. ScrollAnimatorスクリプトが大部分の作業を行っているようです。私は彼らのサイトをダウンロードしてローカルでいじり、どのコンポーネントがどの機能を提供するかを理解するまでパーツを差し引きました。次に、それらを読んで、彼らがどのようにそれを実現したかを理解しました。

于 2012-10-03T16:15:07.187 に答える
0

あなたはスクロールパスプラグインを使用しています

make path
于 2013-03-02T11:55:21.837 に答える