HTML DOM Element offsetTop 属性
- পূর্ববর্তী পৃষ্ঠা offsetParent
- পরবর্তী পৃষ্ঠা outerHTML
- একত্রিত স্তরে ফিরে যান HTML DOM Elements ওবজেক্ট
定义和用法
offsetTop 属性返回相对于父级的顶部位置（以像素计）。此属性是只读的。
返回值包括：
- 元素的顶部位置和外边距
- 父的顶部内边距、滚动条和边框
请参阅：CSS 框模型教程
offsetParent
所有块级元素都报告相对于偏移父级的偏移量：
- offsetTop
- offsetLeft
- offsetWidth
- offsetHeight
偏移父级指的是最近的具有非静态位置的祖先。
如果不存在偏移父级，则偏移量是相对于文档正文的。
另请参阅：
উদাহরণ
উদাহরণ 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 স্থান ছেড়ে যাওয়ার সময় sticky শ্রেণী নাভিগেশন বার্তালব্য সরিয়ে নিন।
function myFunction() {
if (window.pageYOffset >= sticky) {
navbar.classList.add("sticky")
}
navbar.classList.remove("sticky");
}
}
গ্রামার
top offset 位置 ফিরিয়ে দিতে :
element.offsetTop
ফলাফল
| ধরন | বর্ণনা |
|---|---|
| সংখ্যা | এলিমেন্টের শীর্ষের অবস্থান, পিক্সেলে পরিমাপ করা হয়。 |
ব্রাউজার সমর্থন
সমস্ত ব্রাউজারগুলি এটা সমর্থন করে element.offsetTop：
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| সমর্থন | সমর্থন | সমর্থন | সমর্থন | সমর্থন | সমর্থন |
- পূর্ববর্তী পৃষ্ঠা offsetParent
- পরবর্তী পৃষ্ঠা outerHTML
- একত্রিত স্তরে ফিরে যান HTML DOM Elements ওবজেক্ট
