HTML DOM عنصر scrollTop پیمانہ

تعریف اور استعمال

scrollTop پیمانہ کو اسٹیبلش یا واپس کریں یا واپس کریں، جو عناصر کا مواد کا عمودی اسکرول کی پیکسل کی تعداد ہوتی ہے۔

مزید دیکھیئے:

scrollLeft کا پیمانہ

CSS overflow کا حصہ

onscroll ایوینٹ

مثال

مثال 1

مینوک "myDIV" کا اسکرول کی پیکسل کی تعداد حاصل کریں:

const element = document.getElementById("myDIV");
let x = elmnt.scrollLeft;
let y = elmnt.scrollTop;

آپ خود کا تجربہ کریں

مثال 2

مینوک "myDIV" کا مواد کی سطحی اسکرول 50 پیکسل تک، عمودی اسکرول 10 پیکسل تک کریں:

const element = document.getElementById("myDIV");
element.scrollLeft = 50;
element.scrollTop = 10;

آپ خود کا تجربہ کریں

مثال 3

مینوک "myDIV" کا مواد کی سطحی اسکرول 50 پیکسل، عمودی اسکرول 10 پیکسل کریں:

const element = document.getElementById("myDIV");
const element = document.getElementById("myDIV");
element.scrollLeft += 50;

آپ خود کا تجربہ کریں

element.scrollTop += 10;

مثال 4

بادی کی محتوائی کو افقی طور پر 30 پائیکسلو اور عمودی طور پر 10 پائیکسلو رول کریں:
const html = document.documentElement;
html.scrollLeft += 30;

آپ خود کا تجربہ کریں

html.scrollTop += 10;

مثال 5

window.onscroll = function() {myFunction()};
function myFunction() {
  مختلف رولنگ مقامات کی کلاسوں کے درمیان کھیلی کریں - جب یوزر پیج کے اوپر سے نیچے 50 پائیکسلو رول کرتا ہے تو عنصر میں کلاس "test" کو اضافہ کیا جائے گا (اور دوبارہ اوپر رول کرنے پر مٹا جائے گا):
    اگر (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
  }
    document.getElementById("myP").className = "";
  }
}

آپ خود کا تجربہ کریں

مثال 6

جب یوزر پیج کے اوپر سے نیچے 350 پائیکسلو رول کرتا ہے تو ایک عنصر کو سلیڈ آپ کی کلاس میں لایا جائے گا (کلاس میں اضافہ کیا جائے گا):

window.onscroll = function() {myFunction()};
function myFunction() {
  اگر (document.body.scrollTop > 350 || document.documentElement.scrollTop > 350) {
    document.getElementById("myImg").className = "slideUp";
  }
}

آپ خود کا تجربہ کریں

زبان

scrollTop پرائیوٹ گنجائش کو بازگشتی کریں:

element.scrollTop

scrollTop پرائیوٹ گنجائش کو سیٹ کریں:

element.scrollTop = پائیکسلو

پرائیوٹ گنجائش

مقدار وصف
پائیکسلو

عنصر کے محتوا کی عمودی رولنگ کا پائیکسلو

  • اگر اس عدد منفی ہو تو اس کو 0 میں رکھا جائے گا。
  • اگر عنصر کو رول نہیں کیاجاسکتا تو اس عدد کو 0 میں رکھا جائے گا。
  • اگر اس عدد کا مقدار مکمل اور زیادہ ہو تو اس کو مکمل مقدار میں رکھا جائے گا。

بازگشتی گنجائش

کچھ معاملات وصف
نمبر عنصر کے محتوا کی عمودی رولنگ کا پائیکسلو

براہمچار سپورٹ

سبھی براہمچاروں کو سپورٹ کرتی ہیں element.scrollTop

کروم آئی ای ایج فائرفاکس سافری اوپرا
کروم آئی ای ایج فائرفاکس سافری اوپرا
دسترس دسترس دسترس دسترس دسترس دسترس