私は、それぞれの背景セクションが互いに重なり合ってスクロールする方法が本当に好きです。私はそれがたくさん行われていることを見てきました:http://www.soleilnoir.net/believein/この背景スクロール効果はどのようにして達成できますか?
どのように同様の効果を達成するためのアイデア?
おかげ
私は、それぞれの背景セクションが互いに重なり合ってスクロールする方法が本当に好きです。私はそれがたくさん行われていることを見てきました:http://www.soleilnoir.net/believein/この背景スクロール効果はどのようにして達成できますか?
どのように同様の効果を達成するためのアイデア?
おかげ
この効果は、視差と呼ばれます。ここで
は、この効果に関連するいくつかのリンクです:ナイキhttp://www.nike.com/jumpman23/aj2012/
ます。また、このようなことがあり、視差https://github.com/cameronmcefee/plax
あなたは、スクロールオフセット位置を見て、そのスクロール位置に基づいて異なる要素をアニメーションを組み合わせてそれを達成することができました。イベントリスナーを設定し、特定の位置で、要素をページにアニメートする機能を起動します。
、このようなものはjQueryを使用している場合:
$(document).on("scroll", checkScrollPosition);
function checkScrollPosition() {
var scrollPos = $(window).scrollTop();
switch (scrollPos) {
case (500):
doSomething();
break;
case (1000):
doSomethingElse();
break;
}
}
function() doSomething {
// use animate to animate element(s) at 500
}
function() doSomethingElse {
// use animate to animate element(s) at 1000
}
を、私はそれよりも優れて最適化することができることを確信しているが、それは始めるのに十分でなければなりません。
これらのような質問がたくさんあるので、私は尋ねました。この質問は同じトピックです:http://stackoverflow.com/questions/6386675/how-can-i-achieve-this-effect-with-jquery – aurel
そのフラッシュとその複雑さ。さらに、あなたはサル全体がどのようになっているかを尋ねていますが、これは特定の効果ではありません。 –
私はそれがサイト全体(実際にはバックグラウンドを求められていた)だったことには気付かず、本当に申し訳ありません。 – aurel