Нахождение смещенной клиентской позиции элемента
-
05-07-2019 - |
Вопрос
Как найти смещенную клиентскую позицию элемента, используя Javascript? (Я предполагаю, что тот же код может быть написан в BHO или Gecko / NPAPI). Р>
Проблема, с которой я сталкиваюсь, - это способ выяснить смещение клиентской позиции элемента. e.srcElement.offsetX / Y
не всегда дает правильное значение (то же самое относится и к clientX / Y). В некоторых случаях нам также необходимо учитывать прокрутку родительского элемента. Р>
Как мы вообще это делаем? Есть ли простой способ для этого?
Решение
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;
}
Передайте идентификатор элемента в функции.
Другие советы
См. код ниже:
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};
}
Чтобы включить прокрутку, взгляните на этот прослушиватель событий 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;
CoffeeScript-версия Ответа Orhun Alp Oral :
getOffset = (elem)->
top = 0
left = 0
while elem
top += parseInt(elem.offsetTop)
left += parseInt(elem.offsetLeft)
elem = elem.offsetParent
{top, left}