私が取り組んでいるウェブサイトには、<body>
に繰り返し適用される背景パターンがあります。パターンは固定されておらず、ページを上下にスクロールするときに、予想どおりに垂直にスクロールします。JQueryを使用して繰り返しの背景をスクロールするにはどうすればよいですか?
3つのテキストセットの上部にリールがあります。これらのセットは、いくつかのナビゲーション項目のプレスに左から右へスライド:現時点では
、テキストは、しかし、背景が(これも期待されている)水平に固定されたまま、左/右に移動します。
目標は、テキストの移動と同じ速度で、背景のパターンを特定の方向にアニメートして、キャンバスの上にテキスト「スライド」を表示するのではなく、完全なスクロールの効果を左または右に与えることです左か右。
私は要素のbackground-position
値をアニメーション化する前にJQueryプラグインを使用しました。
もう1つの方法は、適用された背景画像で必要な全幅をdivに配置し、次にそれを親の中にスタイル 'overflow:hidden;'を適用してからdivにスクロールします。 – RemarkLima
最初のプラグインが治療を受けました - 歓声! – Marty