使用Javascript更改背景位置CSS - 小问题

Question

这里可能是一个简单的问题（我希望），但我的大脑才停止工作。

我有这个javascript：

       value.obj.css('background-position', value.xStart + 10)

在x方向上将对象的背景位置改变10。

然而，我也希望能够改变y方向的位置但是以不同的量（即40）。代码为“value.yStart + 40”

css中的背景位置写成“background-position：30 30;”。当我使用上面的javascript来改变它时，它出现了“background-position：40 50％;”但我希望它是“背景位置：40 70;”请帮忙......过了漫长的一天：）

Answer 1

我会用：

value.obj.css({ 'background-position': (value.xStart + 10) + 'px ' + (value.yStart + 40) + 'px' });

Answer 2

不要告诉别人background-position是如何工作的，因为你有点不对劲。

您使用%或px： 这样：

 background-position: 30px 30px;
 //or:
 background-position: 30px 30%;
 //or even:
 background-position: 30% 30%;

Answer 3

实际上，它必须是backgroundPosition（所有css属性都是jquery中的驼峰），在你的情况下它应该是：

.css('backgroundPosition', '30px 30px')

或

.css({ 'backgroundPosition': '30px 30px' })