HTML DOM scrollWidth Property
ဥပမာ
padding အပါအဝင် ဒြပ်စင်တစ်ခု၏ အမြင့်နှင့် အကျယ်တစ်ခုလုံးကို ရယူပါ-
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
scrollWidth ပိုင်ဆိုင်မှုသည် padding အပါအဝင် pixels ဖြင့် element တစ်ခု၏ width တစ်ခုလုံးကို ပြန်ပေးသည်၊ သို့သော် border၊ scrollbar သို့မဟုတ် margin မဟုတ်ပါ။
အကြံပြုချက်- ဒြပ်စင်တစ်ခု၏အမြင့်တစ်ခုလုံးကို ပြန်ပေးရန် scrollHeight ပိုင်ဆိုင်မှု ကို အသုံးပြုပါ ။
scrollWidth နှင့် scrollHeight ဂုဏ်သတ္တိများသည် မမြင်နိုင်သော အမြင့်နှင့် width အပါအဝင် element တစ်ခု၏ အမြင့်နှင့် width တစ်ခုလုံးကို ပြန်ပေးသည် (လွန်သွားသောကြောင့်)။
အကြံပြုချက်- ဒြပ်စင်တစ်ခုသို့ scrollbars များထည့်ရန်၊ CSS overflow property ကို အသုံးပြုပါ။
ဤပိုင်ဆိုင်မှုသည် ဖတ်ရန်သာဖြစ်သည်။
Browser ပံ့ပိုးမှု
Property | |||||
---|---|---|---|---|---|
scrollWidth | Yes | Yes | Yes | Yes | Yes |
အထားအသို
element.scrollWidth
နည်းပညာဆိုင်ရာအသေးစိတ်
ပြန်ပို့တန်ဖိုး- | pixels ဖြင့် ဒြပ်စင်တစ်ခု၏ အကျယ် (အလျားလိုက်) တစ်ခုလုံးကို ကိုယ်စားပြုသည့် နံပါတ် |
---|
နောက်ထပ် ဥပမာများ
ဥပမာ
၎င်းသည် scrollWidth နှင့် scrollHeight ကိုမည်သို့အကျိုးသက်ရောက်ကြောင်းပြသရန် padding၊ border၊ scrollbar နှင့် margin ကိုအသုံးပြုခြင်း-
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
ဥပမာ
ဒြပ်စင်တစ်ခု၏ scrollHeight နှင့် scrollWidth ကို ပြန်ပေးပြီးနောက် ၎င်း၏ အမြင့်နှင့် width ကို scrollHeight နှင့် scrollWidth မှပြန်လာသော တန်ဖိုးများသို့ ၎င်း၏ အမြင့်နှင့် အကျယ်ကို သတ်မှတ်ပါ-
var elmnt = document.getElementById("content");
function getFunction() {
var x = elmnt.scrollWidth;
var y = elmnt.scrollHeight;
}
function setFunction() {
elmnt.style.height = y.scrollHeight + "px";
elmnt.style.width = y.scrollWidth + "px";
}