JavaScript တွင် Element တစ်ခုဆီသို့ Window ကို Scroll လုပ်ရန် Method

scrollIntoView method သည် window ကို သတ်မှတ်ထားသော element ဆီသို့ scroll လုပ်ပေးသည်။ ဤ method ကို window ကို scroll လုပ်ပေးရမည့် element ပေါ်တွင် apply လုပ်ပါသည်။ Method ၏ parameter များဖြင့် element သည် window ၏ ထိပ်တွင်ရှိရမည် သို့မဟုတ် အောက်ခြေတွင်ရှိရမည်ကို ထိန်းညှိပေးနိုင်သည်။

ဥပမာများဖြင့် ကြည့်ရအောင်။ Element သည် window ၏ အပေါ်ဆုံးတွင်ရှိစေရန် scroll လုပ်ကြည့်ပါမည်:

elem.scrollIntoView(true);

ယခု element သည် window ၏ အောက်ဆုံးတွင်ရှိစေရန် scroll လုပ်ကြည့်ပါမည်:

elem.scrollIntoView(false);

Parameter အဖြစ် setting များပါသော object တစ်ခုကိုလည်း ပို့ဆောင်နိုင်သည်။ Window ကို element ဆီသို့ ပြေပြစ်စွာ scroll လုပ်ကြည့်ပါမည်:

elem.scrollIntoView({
	behavior: 'smooth',
});

Setting များပါသော object တွင် element နှင့် ဆက်စပ်သည့် စာမျက်နှာ alignment ဆက်တင်များလည်းပါဝင်သည်။ block setting သည် ဒေါင်လိုက် alignment ကိုသတ်မှတ်ပေးပြီး၊ inline setting သည် အလျားလိုက် alignment ကိုသတ်မှတ်ပေးသည်။ ၎င်းတို့သည် အောက်ပါတန်ဖိုးများကို လက်ခံနိုင်သည်: 'start', 'center', 'end', 'nearest'.

စမ်းကြည့်ကြပါစို့:

elem.scrollIntoView({
	behavior: 'smooth',
	block: 'start',
	inline: 'end',
});

Element တစ်ခုနှင့် button တစ်ခုပေးထားသည်။ Button ကိုနှိပ်လိုက်သောအခါ စာမျက်နှာကို ထို element ဆီသို့ scroll လုပ်ပါ။ ဖော်ပြထားသောဖြစ်နိုင်ခြေအားလုံးကို စမ်းသပ်ကြည့်ပါ။