HTML DOM Element offsetTop गुण

वर्णन और उपयोग

offsetTop गुण आफत समीक्षक के तुलना में ऊपरी स्थान (पिक्सल में) वापस करता है। यह गुण लिखित है।

वापसी मान इसमें शामिल है:

  • तत्व का ऊपरी स्थान और गाली
  • पिता का ऊपरी आंतरिक गाली, स्क्रॉल बार और किनारा

देखें:CSS फ़्रेमवर्क शिक्षा

offsetParent

सभी ब्लॉक स्तरीय तत्व आफत समीक्षक के तुलना में आफत की सूचना देते हैं:

  • offsetTop
  • offsetLeft
  • offsetWidth
  • offsetHeight

आफत समीक्षक बहुत ज़्यादा के उस आदमी को कहते हैं जो अस्थायी स्थान के नहीं है।

यदि आफत समीक्षक नहीं है, तो आफत दस्तावेज़ के मुख्य भाग के तुलना में है।

अन्य देखें:

offsetLeft गुण

offsetWidth गुण

offsetHeight गुण

offsetParent गुण

clientTop गुण

clientLeft गुण

clientWidth गुण

clientHeight गुण

उदाहरण

उदाहरण 1

"myDIV" के offsetTop स्थान को प्राप्त करें:

const element = document.getElementById("myDIV");
let pos = element.offsetTop;

अपने आप प्रयास करें

उदाहरण 2

"myDIV" की स्थिति प्राप्त करें:

const element = document.getElementById("test");
Let pos1 = element.offsetTop;
let pos2 = element.offsetLeft;

अपने आप प्रयास करें

उदाहरण 3

स्टिकी नेविगेशन बार बनाएँ:

// नेविगेशन बार प्राप्त करें
const navbar = document.getElementById("navbar");
// नेविगेशन बार के ऑफसेट स्थान प्राप्त करें
const sticky = navbar.offsetTop;
// जब आप उसकी स्क्रॉल स्थिति तक पहुंचते हैं तो sticky वर्ग नावगढ़ को जोड़ें। स्क्रॉल स्थिति से बाहर होने पर sticky वर्ग हटाएं।
function myFunction() {
  if (window.pageYOffset  >= sticky) {
    navbar.classList.add("sticky")
  }
    navbar.classList.remove("sticky");
  }
}

अपने आप प्रयास करें

व्याकरण

top ऑफसेट स्थिति वापस करें:

element.offsetTop

वापसी मूल्य

क़िस्म वर्णन
संख्या एलिमेंट की शीर्ष स्थिति पिक्सल में।

ब्राउज़र समर्थन

सभी ब्राउज़र समर्थन करते हैं element.offsetTop：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
समर्थन समर्थन समर्थन समर्थन समर्थन समर्थन