0

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

顶部有一个卷轴,带有三组文本。这些集合在某些导航项的按下时从左向右滑动:

在此处输入图像描述

目前,文本向左/向右移动,但背景保持水平固定(这也是预期的)。

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

在此之前我使用过一个 JQuery 插件,让我background-position为元素的值设置动画,也许可以用?

4

1 回答 1

0

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

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

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

于 2012-04-04T08:32:27.843 回答