जावास्क्रिप्ट में div स्थिति (शीर्ष) प्राप्त करें?

Question

एक div मैं top:-26px; का उपयोग कर सीएसएस में ऊंचाई निर्धारित करता हूं। मेरे पास अन्य divs अन्य स्थान हैं जहां मैं उस div के साथ संरेखित करना चाहता हूं। मुझे jquery लेखन .css('top') में नोटिस मुझे मेरा सीएसएस मिलता है और div का y coord नहीं। मैं जावास्क्रिप्ट का उपयोग कर पूर्ण एक्स, वाई स्थिति कैसे प्राप्त करूं?

Answer 1

आप उपयोग कर सकते हैं jQuery(element).offset().top

आशा है कि यह मदद करता है।

Answer 2

मानक जावास्क्रिप्ट के साथ

:

var elem=document.getElementById("elemID"); 
var top=elem.offsetTop; 
var left=elem.offsetLeft; 

jQuery के साथ

:

var top=$("#elemID").offset().top; 
var left=$("#elemID").offset().left; 

Answer 3

इस कोड का प्रयास करें:

function getElementPosition(id) { 
    var offsetTrail = document.getElementById(id); 
    var offsetLeft = 0; 
    var offsetTop = 0; 
    while (offsetTrail) { 
     offsetLeft += offsetTrail.offsetLeft; 
     offsetTop += offsetTrail.offsetTop; 
     offsetTrail = offsetTrail.offsetParent; 
    } 

    return { 
     left: offsetLeft, 
     top: offsetTop 
    }; 
}​ 

यह left और top चर के साथ एक वस्तु वापस आ जाएगी।

आप JQuery offset() विधि का प्रयास का उपयोग करते हैं:

var pos = $("#element").offset(); 
console.log(pos.left) 
console.log(pos.top) 

Answer 4

मैं तुम्हें वेनिला समाधान दे देंगे .. शिकायत नहीं है .. अपने तत्व एक करने के लिए [0] और यह भी निश्चित होती है जोड़ने! : पी उम्मीद है कि यह मदद करता है।

function getOffset(el) { 
    var _x = 0; 
    var _y = 0; 
    while(el && !isNaN(el.offsetLeft) && !isNaN(el.offsetTop)) { 
     _x += el.offsetLeft - el.scrollLeft; 
     _y += el.offsetTop - el.scrollTop; 
     el = el.offsetParent; 
    } 
    return { top: _y, left: _x }; 
} 
var x = getOffset(document.getElementById('yourElId')).left; 

Answer 5

jQuery का उपयोग करें (तत्व) .offset()

आशा है कि यह मदद करता है।

उदाहरण

var elementPosition = jQuery(element).offset(); 
var elementTopPositon = elementPosition.top; 

Answer 6

क्रॉस ब्राउज़र सुरक्षित के लिए आईई 8 के लिए नीचे, संभावित रूप से 7 या 6:

function offset(el) { 
    var rect = el.getBoundingClientRect(), 
    scrollLeft = window.pageXOffset || document.documentElement.scrollLeft, 
    scrollTop = window.pageYOffset || document.documentElement.scrollTop; 
    return { top: rect.top + scrollTop, left: rect.left + scrollLeft } 
} 
var offsetEl = offset(document.getElementById('some_id')); 
console.log(offsetEl.left, offsetEl.top); 

लघु और तेजी से और कोई jQuery की जरूरत है।