HTML DOM Element scrollLeft အခြေအနေ

အသုံးပြုနည်း နှင့် ဖော်ပြ

scrollLeft အခြေအနေ ကို အသုံးပြုသို့မဟုတ် အပြန်လွှတ်ပါ အရာဝတ္တဇုန် အခြေအနေ အရေအတွက် ပတ်ဝန်းကျင် ပြောင်းလဲသော ပမာဏများ。

အခြေအနေများကို ကျွန်ုပ်ကိုယ် ကြည့်ပါ

scrollTop အခြေအနေ

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 = 50;
element.scrollTop = 10;

ကျွန်ုပ်ကိုယ် ကျင်းပပါ

အမှတ် ၃

"myDIV" အခြေအနေ အရေအတွက် ပတ်ဝန်းကျင် ပြောင်းလဲသော ၅၀ ပမာဏ နှင့် အရေအတွက် ပတ်ဝန်းကျင် ပြောင်းလဲသော ၁၀ ပမာဏ ကို ပြုပါ:

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

ကျွန်ုပ်ကိုယ် ကျင်းပပါ

အမှတ် ၄

body အခြေအနေ အရေအတွက် ပတ်ဝန်းကျင် ပြောင်းလဲသော ၃၀ ပမာဏ နှင့် အရေအတွက် ပတ်ဝန်းကျင် ပြောင်းလဲသော ၁၀ ပမာဏ ကို ပြုပါ:

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

ကျွန်ုပ်ကိုယ် ကျင်းပပါ

အက္ခရာ

scrollLeft အခြေအနေ အပြန်လွှတ်ပါ：

element.scrollLeft

scrollLeft အခြေအနေ ကို အသုံးပြုပါ：

element.scrollLeft = pixels

အခြေအနေ ပမာဏ

အပြန်လွှတ် ကြီး

ဘရောက်သုံး ထောက်ပံ့ပေး

အားလုံး ဘရောက်သုံး ကုသိုလ် ကို ထောက်ပံ့ပေးသည်。 element.scrollLeft：

အကူအညီ ပုံစံ

JavaScript နှင့် HTML DOM ကိုယ်စားပြုချက် များ

JavaScript အများပြားသော အကျိုးဆက်ဆံ

JavaScript စမ်းသပ်

JavaScript အခြေခံ

ထောက်ပံ့သူ လမ်းကြောင်