javascript或jquery获取给定元素的背景位置属性，然后动态地+/-

我有一些我想要设置滚动的元素，我怎么想在飞行中进行计算而不是每次为每次滚动手动设置位置，因为随着时间的推移会有很多。 目前我正在使用一个精灵，随着时间的推移，我追加更多它。总是并排，并且总是10px填充它的每个图像方面。

所以我知道如果我的defualt位置总是0 100例如我想要翻转那么我知道它将是50 100我怎么能去做一个方法来获取2的值但只有添加到其中一个

Answer 1

您需要获取背景位置并将其分成两个值，执行计算，将值设置为字符串。

例如

myPos = $('.selection').css("background-position").split(" ") myPos[0] <-- will contain the X-value, "50px" myPos[1] <-- will contain the Y-value, "100px" 

然后你需要把它们变成整数:(假设你和myPos一样做[1]）

 myPos[0] = parseInt(myPos[0].replace("px","")) 

然后你做数学并分配回来：

 myPos[0] = myPos[0] + 100 $('.selection').css("background-position", myPos[0]+'px ' + myPos[1] + 'px')