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 การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน