4

我现在将背景居中(使用background-position: 50% 50%;),我想使用 Javascript 制作动画。但是,我希望能够使用像素测量对其进行动画处理。实际上,我想将背景位置设置为“50% + 10px”。这可能使用Javascript吗?

我可以通过找到背景图像的高度和浏览器屏幕的高度并做一些算术来做到这一点,但这似乎是一个复杂的解决方案。

4

1 回答 1

4

将来,这将可能使用 CSS3 的calc功能。但由于目前还没有得到广泛支持,下面是一个更实用的解决方案。

只需对这些属性使用jQuery 支持的增量表示法。例如

$(some-element).css({ "background-position": "+=10px" });

此语法在 $.css 支持之前由 $.animate 支持,但最近的 jQuery 版本在这两种情况下都支持它。

这是一个 jsfiddle 演示它的实际操作

于 2012-08-20T20:15:52.563 回答