HTML DOM Element scrollIntoView() မူးယစ်

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

scrollIntoView() အရာကို ဘားမည့် ဘားမည့် လျင်းခြင်း

အကျိုးသက်

အမှတ် 1

id="content" အရာကို ဘားမည့် ဘားမည့် လျင်းခြင်း

const element = document.getElementById("content");
element.scrollIntoView();

ကျွန်ုပ်ကိုယ်မှ ကြိုးစားလမ်းကြောင်း

အမှတ် 2

အရာ၏ အထပ်အထိပ် သို့ သို့မဟုတ် အောက်ပိုင်း သို့ လျင်းခြင်း

const element = document.getElementById("content");
function scrollToTop() {
  element.scrollIntoView(true);
}
function scrollToBottom() {
  element.scrollIntoView(false);
}

ကျွန်ုပ်ကိုယ်မှ ကြိုးစားလမ်းကြောင်း

ပြောဆို

element.scrollIntoView(align)

ပါဝင်သည်

ပါဝင်သည် ဖော်ပြ
align

လုံလောက်သည် - တူညီခြင်း အမှတ် ကို မှတ်ချက်ပြခြင်း

  • true - အရာ၏ အထပ်အထိပ် သည် လျင်းခြင်း ဖြစ်သော အခြား အရာ၏ လျင်းခြင်း အရှိန် အထပ်အထိပ် နှင့် တူညီပါ
  • false - အရာ၏ အောက်ပိုင်း သည် လျင်းခြင်း ဖြစ်သော အခြား အရာ၏ လျင်းခြင်း အရှိန် အောက်ပိုင်း နှင့် တူညီပါ

လျှောက်ထားခြင်း မရှိဘဲဖြစ်လျှင်၊ အရာ၏ အထပ်အထိပ် သို့ လျင်းလိမ့်ပါ

သတိပြုသင့်အခြား အရာများ၏ ပုံစံအရ၊ အချို့ အရာများ အထပ်အထိပ် သို့ နှင့် အောက်ပိုင်း လျင်းခြင်း မပြုလိမ့်ပါ

သတင်းပေးခြင်း

မရှိ

ချင်းတို့ ထောက်ပံ့ပေးတတ်ကြသည်

ချင်းတို့ တိုက်ရိုက် ထောက်ပံ့ပေးတတ်ကြသည် element.scrollIntoView()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 9-11 支持 支持 支持 支持