HTML DOM Element scrollTop প্রতিভূতি

বিবরণ ও ব্যবহার

scrollTop প্রতিভূতি সংযোজন বা প্রত্যাহার করুন বা প্রত্যাহার করুন এলিমেন্টের কনটেন্টকে ভিক্টরিয়ালভাবে সরবরাহ করা পিক্সেল সংখ্যা。

অন্যান্য দেখুন:

scrollLeft প্রতিভূতি

CSS overflow প্রতিভা

onscroll ইভেন্ট

একক

উদাহরণ ১

"myDIV" �র সরবরাহকৃত কনটেন্টের পিক্সেল সংখ্যা পাওয়া হবে:

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

আপনার হাতে পরীক্ষা করুন

উদাহরণ ২

"myDIV" �র কনটেন্টকে হলচৈত্রীয়ভাবে ৫০ পিক্সেল সরবরাহ করুন, ভিক্টরিয়ালভাবে ১০ পিক্সেল সরবরাহ করুন：

const element = document.getElementById("myDIV");
element.scrollLeft = ৫০;
element.scrollTop = ১০;

আপনার হাতে পরীক্ষা করুন

উদাহরণ ৩

"myDIV" �র কনটেন্টকে হলচৈত্রীয়ভাবে ৫০ পিক্সেল সরবরাহ করুন, ভিক্টরিয়ালভাবে ১০ পিক্সেল সরবরাহ করুন：

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

আপনার হাতে পরীক্ষা করুন

উদাহরণ 4

বড়টির <body> এর মুক্তির পিন্ডি সময়মতোভাবে হলব 30 পিক্সেল, ভার্টিক্যাল স্ক্রোলিং 10 পিক্সেল:

const html = document.documentElement;
html.scrollLeft += 30;
html.scrollTop += 10;

আপনার হাতে পরীক্ষা করুন

উদাহরণ 5

বিভিন্ন স্ক্রোলিং স্থানের শ্রেণীর মধ্যে ট্রান্সফর - যখন ব্যবহারকারী পাতার শীর্ষ থেকে নিচে 50 পিক্সেল স্ক্রোল করে, শ্রেণী "test" এলিমেন্টে যোগ করা হবে (আবার স্ক্রোল করার সময় মুক্তি করা হবে):

window.onscroll = function() {myFunction()};
function myFunction() {
  if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
    document.getElementById("myP").className = "test";
  }
    document.getElementById("myP").className = "";
  }
}

আপনার হাতে পরীক্ষা করুন

উদাহরণ 6

যখন ব্যবহারকারী পাতার শীর্ষ থেকে নিচে 350 পিক্সেল স্ক্রোল করে, একটি মুক্তির পিন্ডি (slideUp শ্রেণী যোগ করা হবে):

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

আপনার হাতে পরীক্ষা করুন

ব্যবহারকৌশল

scrollTop প্রতিভূতি ফিরিয়ে দিন:

element.scrollTop

scrollTop প্রতিভূতি সেট করুন:

element.scrollTop = pixels

প্রতিভূতি

মান বর্ণনা
pixels

মুক্তির পিন্ডি ভার্টিক্যাল স্ক্রোলিং পিক্সেল সংখ্যা

  • যদি এই সংখ্যা নেতিবাচক না হলে, তবে এই সংখ্যা 0 হিসাবে সেট করা হবে。
  • যদি এই মুক্তির পিন্ডি স্ক্রোল করা যায় না, তবে এই সংখ্যা 0 হিসাবে সেট করা হবে。
  • যদি এই সংখ্যা অনুমতির মধ্যে সর্বোচ্চ মানের চেয়ে বেশি হয়, তবে এই সংখ্যা সর্বোচ্চ মান হিসাবে সেট করা হবে。

ফলাফল

ধরন বর্ণনা
নম্বর মুক্তির পিন্ডি ভার্টিক্যাল স্ক্রোলিং পিক্সেল সংখ্যা

ব্রাউজার সমর্থন

সমস্ত ব্রাউজারগুলো সমর্থন করে element.scrollTop：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন