HTML DOM scrollLeft Property
ဥပမာ
ပစ်ဇယ်အရေအတွက်ကို ရယူပါ <div> ဒြပ်စင်တစ်ခု၏ အကြောင်းအရာကို အလျားလိုက်နှင့် ဒေါင်လိုက် ရွှေ့သည်-
var elmnt = document.getElementById("myDIV");
var x = elmnt.scrollLeft;
var y = elmnt.scrollTop;
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ScrollLeft ပိုင်ဆိုင်မှုသည် ဒြပ်စင်တစ်ခု၏အကြောင်းအရာကို အလျားလိုက်ရွှေ့ထားသော pixels အရေအတွက်ကို သတ်မှတ်ပေးသည် သို့မဟုတ် ပြန်ပေးသည်။
အကြံပြုချက်- ဒြပ်စင်၏အကြောင်းအရာသည် ဒေါင်လိုက်ရွှေ့ထားသော ပစ်ဆယ်အရေအတွက်ကို သတ်မှတ်ရန် သို့မဟုတ် ပြန်ပေးရန်အတွက် scrollTop ပိုင်ဆိုင်မှုကို အသုံးပြု ပါ။
အကြံပြုချက်- ဒြပ်စင်တစ်ခုသို့ scrollbars များထည့်ရန်၊ CSS overflow property ကို အသုံးပြုပါ။
Browser ပံ့ပိုးမှု
Property | |||||
---|---|---|---|---|---|
scrollLeft | Yes | Yes | Yes | Yes | Yes |
အထားအသို
scrollLeft ပိုင်ဆိုင်မှုကို ပြန်ပေးပါ။
element.scrollLeft
scrollLeft ကို သတ်မှတ်ပါ-
element.scrollLeft = pixels
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description |
---|---|
pixels |
Specifies the number of pixels the element's content is scrolled horizontally. Special notes:
|
နည်းပညာဆိုင်ရာအသေးစိတ်
ပြန်ပို့တန်ဖိုး- | ဒြပ်စင်၏အကြောင်းအရာကို အလျားလိုက်ရွှေ့ထားသော ပစ်ဆယ်အရေအတွက်ကို ကိုယ်စားပြုသည့် နံပါတ် |
---|
နောက်ထပ် ဥပမာများ
ဥပမာ
<div> ဒြပ်စင်တစ်ခု၏ အကြောင်းအရာများကို အလျားလိုက် 50 pixels နှင့် 10 pixels ဒေါင်လိုက်သို့ ရွှေ့ပါ -
var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft = 50;
elmnt.scrollTop = 10;
ဥပမာ
< div > ဒြပ်စင်တစ်ခု၏ အကြောင်းအရာများကို 50 pixels အလျားလိုက်နှင့် 10 pixels ဒေါင်လိုက်ဖြင့် လှိမ့်ကြည့်ပါ-
var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft += 50;
elmnt.scrollTop += 10;
ဥပမာ
<body> ၏ အကြောင်းအရာများကို အလျားလိုက် 30 pixels နှင့် 10 pixels ဒေါင်လိုက် ရွှေ့ပါ-
var body = document.body; // Safari
var html = document.documentElement; //
Chrome, Firefox, IE and Opera places the overflow at the <html> level, unless else is specified. Therefore, we use the
documentElement property for these browsers
body.scrollLeft += 30;
body.scrollTop += 10;
html.scrollLeft += 30;
html.scrollTop += 10;