如何使用JQuery滚动重复背景？

时间：2012-04-04 07:49:32

标签： jquery css animation

我正在处理的网站有一个重复的背景模式应用于<body>。当向上或向下滚动页面时，图案不固定并按预期垂直滚动。

顶部有一个卷轴，有三组文字。这些组在按下某些导航项目时从左向右滑动：

enter image description here

目前，文字向左/向右移动，但背景保持水平固定（这也是预期的）。

目标是以与文本移动相同的速度在给定方向上设置背景图案的动画，以提供左或右完整滚动的效果，而不是在画布左侧的文本“滑动”或者是对。

之前我使用过一个JQuery插件，让我为一个元素的background-position值设置动画，也许会有效吗？

1 个答案:

答案 0 :(得分：0)

绝对！我会使用背景位置jQuery插件：
http://www.protofunc.com/scripts/jquery/backgroundPosition/

这是一个使用这个概念的酷炫效果的教程，可能会给你一些想法。 http://snook.ca/archives/javascript/jquery-bg-image-animations

我还建议您将背景图像移动到身体内部的div，因为如果您需要进一步调整任何内容，这将为您提供更大的灵活性。

相关问题
最新问题