如何使用Javascript查找元素的偏移客户端位置? (我假设相同的代码可以写在BHO或Gecko / NPAPI中)。
我面临的问题是找出元素的偏移客户端位置的方法。 e.srcElement.offsetX/Y
始终没有给出正确的值(对于clientX / Y也是如此)。在某些情况下,我们还需要考虑父元素滚动。
我们如何做到这一般?有一个简单的方法吗?
答案 0 :(得分:4)
请参阅以下代码:
function getOffsetSum(elem) {
var top=0, left=0;
while(elem) {
top = top + parseInt(elem.offsetTop);
left = left + parseInt(elem.offsetLeft);
elem = elem.offsetParent;
}
return {top: top, left: left};
}
答案 1 :(得分:3)
function getElementTop ( Elem )
{
var elem;
if ( document.getElementById )
{
elem = document.getElementById ( Elem );
}
else if ( document.all )
{
elem = document.all[Elem];
}
yPos = elem.offsetTop;
tempEl = elem.offsetParent;
while ( tempEl != null )
{
yPos += tempEl.offsetTop;
tempEl = tempEl.offsetParent;
}
return yPos;
}
function getElementLeft ( Elem )
{
var elem;
if ( document.getElementById )
{
var elem = document.getElementById ( Elem );
}
else if ( document.all )
{
var elem = document.all[Elem];
}
xPos = elem.offsetLeft;
tempEl = elem.offsetParent;
while ( tempEl != null )
{
xPos += tempEl.offsetLeft;
tempEl = tempEl.offsetParent;
}
return xPos;
}
将元素id传递给函数。
答案 2 :(得分:1)
要包含滚动,请查看此jQuery事件侦听器以记录scrollTop和偏移量。
// Don't put this in the scroll event listener callback, or that will be unnecessarily performance intensive.
var offset = $("#id").offset().top;
$(window).bind("scroll", function() {
console.log(
$(window).scrollTop() +
offset
);
});
单独获取偏移量,
("#id").offset().top;
答案 3 :(得分:0)
CoffeeScript版Orhun Alp Oral's answer:
getOffset = (elem)->
top = 0
left = 0
while elem
top += parseInt(elem.offsetTop)
left += parseInt(elem.offsetLeft)
elem = elem.offsetParent
{top, left}