私が取り組んでいるWebサイトには、繰り返し背景パターンが適用されてい<body>
ます。パターンは固定されておらず、ページを上下にスクロールすると、期待どおりに垂直方向にスクロールします。
上部に3セットのテキストが入ったリールがあります。これらのセットは、いくつかのナビゲーション項目を押すと左から右にスライドします。
現時点では、テキストは左右に移動しますが、背景は水平方向に固定されたままです(これも予想されます)。
目標は、テキストの移動と同じ速度で背景パターンを特定の方向にアニメーション化して、テキストがキャンバスの左または右に「スライド」するのではなく、完全に左または右にスクロールする効果を与えることです。
以前にJQueryプラグインを使用したことがありbackground-position
ますが、要素の値をアニメーション化できます。