javascript - 使用 css3 列 - 如何获得元素位置？

Question

为了用列划分长 html 文件，我使用了 css3 列。

padding: 0px
height: 1024px
-webkit-column-gap: 0px
-webkit-column-width: 768px

我想获取指定元素的位置，所以我使用了以下 javascript 代码。

function getPos(el) {
   for( var lx=0, ly=0; el!=null; lx+=el.offsetLeft, ly+=el.offsetTop, el=el.offsetParent);
         return {x:lx, y:ly};
}

我以为 y 值在 0 到 height:1024px 的范围内，但那个值超过了 1024，而 x 值在 0 到 column-width:768 的范围内。

如何从左上角的第一个位置得到相对位置，其中 y 在 0 到 1024 之间，x 是某个值？

对不起我的英语不好。

谢谢。

Answer 1

jQuery 方法 position 返回正确答案。您可以包含 jQuery 吗？

参见 http://jsfiddle.net/chris5marsh/GM2kp/举个例子。