2012-04-04 6 views
0

私が取り組んでいるウェブサイトには、<body>に繰り返し適用される背景パターンがあります。パターンは固定されておらず、ページを上下にスクロールするときに、予想どおりに垂直にスクロールします。JQueryを使用して繰り返しの背景をスクロールするにはどうすればよいですか?

3つのテキストセットの上部にリールがあります。これらのセットは、いくつかのナビゲーション項目のプレスに左から右へスライド:現時点では

enter image description here

、テキストは、しかし、背景が(これも期待されている)水平に固定されたまま、左/右に移動します。

目標は、テキストの移動と同じ速度で、背景のパターンを特定の方向にアニメートして、キャンバスの上にテキスト「スライド」を表示するのではなく、完全なスクロールの効果を左または右に与えることです左か右。

私は要素のbackground-position値をアニメーション化する前にJQueryプラグインを使用しました。

答えて

0

絶対に!私は、バックグラウンドの位置jQueryプラグインを使用します。ここでは
http://www.protofunc.com/scripts/jquery/backgroundPosition/

は、この概念を使用してクールな効果のためのチュートリアルで、あなたにいくつかのアイデアを与える可能性があります。 http://snook.ca/archives/javascript/jquery-bg-image-animations

また、背景画像を身体の内側のdivに移動することをお勧めします。これは、何かを少しでも微調整する必要がある場合には、より柔軟性があるからです。

+0

もう1つの方法は、適用された背景画像で必要な全幅をdivに配置し、次にそれを親の中にスタイル 'overflow:hidden;'を適用してからdivにスクロールします。 – RemarkLima

+0

最初のプラグインが治療を受けました - 歓声! – Marty

関連する問題