0

私はちょうど将来のプロジェクトのためにいくつかの研究を行っています. いくつかのパララックス スクロール プラグインには自信がありますが、たとえば ( http://everylastdrop.co.uk/ ) などのいくつかの例を見ると、垂直トランジションの代わりに、横または角度から div (または何でも) をプルするものがあります。私が好きな例は、上で述べたウェブサイトの太陽です。これを行う方法が本当にわからないので、誰かがこのメソッドが何と呼ばれるか、またはチュートリアルを提供するためのリンクを正しい方向に向けることができるかどうか疑問に思っていました. たくさんの素敵な例を見つけることができますが、これを行うための正確な方法やプラグインはありません!

ありがとうございました

4

3 に答える 3

1

Stellar.jsは、始めるのに最適な場所です。これは、視差プロセス全体を簡素化する非常に優れたプラグインです。

http://markdalgleish.com/projects/stellar.js/

あなたが探しているのは、視差要素と視差背景の組み合わせだと思います。

于 2013-03-13T15:30:05.493 に答える
1

私は、あなたがすでに見つけたと思うSkrollr.jsを使って Every Last Drop サイトを構築しました。

GitHub ページのドキュメントは非常に詳細で、非常に使いやすいです。チュートリアルへのリンクや、その他の使用例へのリンクもあります。

スクロール時に rgb/hsl 値の間を補間するなど、非常に優れた機能を実行できます。これは、最初に空が夜から昼に変わる方法です。他にご不明な点がございましたら、お気軽にお問い合わせください。

于 2013-03-28T09:33:42.233 に答える
0

私のポートフォリオ サイトhttp://anti-code.comをご覧ください。

3 x 4 グリッドのパネルの中央パネルがメインのデフォルト パネルで、どこにいても全方向に移動する視差スクロールがあります。

CSS プロパティを使用するだけです: パネルを必要な場所に配置するために、位置、左、および上を使用し、JavaScript で、各パネルの ID を含むオブジェクトを生成します。パネルが入っているラッパー。

これらすべての情報があれば、パララックス スクロール サイトの計算に必要なものはすべて揃っています。

于 2013-03-13T18:10:24.007 に答える