JavaScript တွင် အရာဝတ္ထုများ လှိမ့်ခြင်း

အောက်ပါ properties များသည် အရာဝတ္ထုတစ်ခုကို မည်မျှ လှိမ့်ထားသည်ကို ပြသပါသည်။

javascriptconsole.log(elem.scrollTop);  // အပေါ်မှ
console.log(elem.scrollLeft); // ဘယ်ဘက်မှ

အောက်ပါ ဥပမာသည် ဤ properties များ၏ လုပ်ဆောင်ချက်ကို ပြသပါသည်။ အရာဝတ္ထုကို လှိမ့်ပြီး ခလုတ်ကို နှိပ်ပါ၊ လှိမ့်ထားသည့် ပမာဏကို သင်မြင်ရပါလိမ့်မည်။

Задание 1

အရာဝတ္ထုတစ်ခုနှင့် ခလုတ်တစ်ခု ရှိသည်။ ခလုတ်ကို နှိပ်လိုက်သောအခါ အရာဝတ္ထုသည် ဒေါင်လိုက် မည်မျှ လှိမ့်သွားကြောင်း သိရှိပါ။

Задание 2

အရာဝတ္ထုတစ်ခုနှင့် ခလုတ်တစ်ခု ရှိသည်။ ခလုတ်ကို နှိပ်လိုက်သောအခါ အရာဝတ္ထုသည် ဒေါင်လိုက် လှိမ့်နေခြင်း ရှိ၊ မရှိ စစ်ဆေးပါ။

Задание 3

အရာဝတ္ထုကို အဆုံးထိ လှိမ့်ပါ။ ခလုတ်ကို နှိပ်လိုက်သောအခါ လှိမ့်ထားသည့် စုစုပေါင်း ပမာဏ ပြသရပါမည်။

Задание 4

အရာဝတ္ထု၏ scrollHeight ကို ရယူပါ ပြီးလျှင် ယင်းမှ စုစုပေါင်း လှိမ့်ထားသည့် ပမာဏကို နုတ်ပါ။ (ယခင်ပုစ္ဆာမှ)။ မည်သည့်တန်ဖိုး ရရှိသွားသနည်း? ၎င်းတွင် မည်သည့် အရွယ်အစားများ ပါဝင်သနည်း။

Задание 5

offsetHeight နှင့် စုစုပေါင်း လှိမ့်ထားသည့် ပမာဏကို ပေါင်းပါ။ ဤပေါင်းလဒ်ကို scrollHeight တန်ဖိုးမှ နုတ်ပါ။ မည်သည့်နံပါတ် ရရှိသနည်း?