HTML DOM Element scrollWidth এক্সিস
- পূর্ববর্তী পৃষ্ঠা scrollTop
- পরবর্তী পৃষ্ঠা setAttribute()
- উপরের স্তরে ফিরুন এইচটিএমএল ডমিন এলিমেন্টস অবজেক্ট
পরিভাষা ও ব্যবহার
scrollWidth এই এক্সিস এলিমেন্টের প্রশস্ততা ফিরে দেয়, পিক্সেলে এককে, padding-এর মতো অভ্যন্তরীণ মাপকে সম্মিলিত করা হয়, কিন্তু ফার্মওয়ার এবং স্ক্রোলবার এবং মার্জিনকে বাদ দিয়ে:
scrollWidth এই এক্সিস অবলম্বনীয় হয়。
মন্তব্য:scrollWidth এবং scrollHeight সমস্ত উপযুক্ত পূর্ণ উচ্চতা এবং প্রশস্ততা ফিরে দেয়, অদৃশ্য অংশগুলি (ওভারফ্লোর কারণে) সহ:
অন্যান্য দেখুন:
উদাহরণ
উদাহরণ 1
এলিমেন্টের উচ্চতা এবং প্রশস্ততা পাওয়া, padding-এর মতো অভ্যন্তরীণ মাপকে সম্মিলিত করা হয়:
const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;
উদাহরণ 2
padding, border এবং scrollbar কিভাবে scrollWidth এবং scrollHeight প্রভাবিত করে:
const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;
উদাহরণ 3
স্ক্রোলহাইট এবং scrollWidth থেকে ফিরে দেওয়া মাপকে এলিমেন্টের উচ্চতা এবং প্রশস্ততা নিয়ে নিন:
element.style.height = element.scrollHeight + "px"; element.style.width = element.scrollWidth + "px";
ব্যবহার করতে হয়
element.scrollWidth
ফলাফল
| ধরন | বর্ণনা |
|---|---|
| নম্বর | এলিমেন্টের প্রশস্ততা, পিক্সেলে এককে এটি প্রদর্শন করা হয়。 |
ব্রাউজার সমর্থন
সমস্ত ব্রাউজারগুলি এটি সমর্থন করে element.scrollWidth：
| Chrome | IE | Edge | ফায়ারফক্স | স্যাফারি | ওপেরা |
|---|---|---|---|---|---|
| Chrome | IE | Edge | ফায়ারফক্স | স্যাফারি | ওপেরা |
| সমর্থন | সমর্থন | সমর্থন | সমর্থন | সমর্থন | সমর্থন |
- পূর্ববর্তী পৃষ্ঠা scrollTop
- পরবর্তী পৃষ্ঠা setAttribute()
- উপরের স্তরে ফিরুন এইচটিএমএল ডমিন এলিমেন্টস অবজেক্ট
