如何使用javascript找到背景图像y-offset？

Question

我想是非常直截了当的。获得背景位置很容易，但只是获得Y位置似乎有点困难。我是否必须拼接背景位置输出？或者是否有更清晰的方法来获得价值？

编辑：我能够得到这个，这是Damien-at-SF的答案的javascript版本，但出于某种原因，当我为它执行console.log（）时yResult返回'（空字符串）'。我不要我认为它实际上抓住了价值。我做错了什么？

var yResult = document.getElementById('sub-image1').style.backgroundPosition;
var a = yResult.split(" ");
var y = parseFloat(a[1]);

Answer 1

您可以使用<element>.style.backgroundPositionY，但我不确定它是否得到广泛支持。

Answer 2

您可以使用jQuery进行广泛的浏览器支持：

//returns y position of background image
$("#example").css("background-position").split(' ')[1]

这里的工作示例：http://jsfiddle.net/QagqS/

该示例警告背景图像的y位置：）

更新没有观察：

对于标准javascript（http://jsfiddle.net/QagqS/3/），您需要在元素中定义内联的css：

<div id="example" style="background-position:10px 100px"></div>

这允许javascript获取元素的样式，因此您可以使用

document.getElementById('example').style.backgroundPosition.split(' ')[1]

上面公布的方法......