العثور على موقف العميل إزاحة عنصر

Question

وكيفية العثور على موقف العميل إزاحة عنصر باستخدام جافا سكريبت؟ (أفترض يمكن كتابة نفس رمز في BHO أو أبو بريص / NPAPI).

والمشكلة أواجهها هي وسيلة لمعرفة موقف العميل إزاحة العنصر. وe.srcElement.offsetX/Y لا يعطي القيمة الصحيحة دائما (الشيء نفسه ينطبق على clientX / Y). في بعض الحالات نحتاج أيضا للنظر في التمرير العنصر الأصل.

وكيف نفعل ذلك بشكل عام؟ هل هناك طريقة سهلة لذلك؟

Answer 1

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;
}

وتمرير معرف عنصر إلى وظائف.

Answer 2

وراجع التعليمات البرمجية أدناه:

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};
}

Answer 3

لتشمل التمرير، نلقي نظرة على هذا المستمع الحدث مسج لتسجيل 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;

Answer 4

وCoffeeScript نسخة من الجواب أورهون ألب عن طريق الفم ل:

getOffset = (elem)->
    top = 0
    left = 0
    while elem
        top += parseInt(elem.offsetTop)
        left += parseInt(elem.offsetLeft)
        elem = elem.offsetParent
    {top, left}