วิธีการเลื่อนหน้าต่างไปยังตำแหน่งที่กำหนดใน JavaScript

เมธอด scrollTo จะเลื่อนหน้าต่างไปยังตำแหน่งที่กำหนด พารามิเตอร์แรกคือตำแหน่งในแนวนอน และพารามิเตอร์ที่สองคือตำแหน่งในแนวตั้ง มาลองเลื่อนหน้าต่างไปยังตำแหน่งที่กำหนดกัน:

window.scrollTo(100, 200);

เมธอดนี้มีรูปแบบทางเลือก โดยส่งพารามิเตอร์เป็นอ็อบเจกต์ ในคีย์ top ของอ็อบเจกต์นี้ ระบุตำแหน่งในแนวตั้ง ในคีย์ left - ตำแหน่ง ในแนวนอน และในคีย์ behavior - ประเภทของการเลื่อน ประเภทสามารถเป็น 'auto' หรือ 'smooth' ในกรณีที่สอง การเลื่อนจะดำเนินการอย่างนุ่มนวล:

element.scrollTo({
	top: 100,
	left: 100,
	behavior: 'smooth'
});

เมื่อคลิกที่ปุ่ม ให้เลื่อน หน้าต่างไปยังตำแหน่ง 300px จากด้านบน

เมื่อคลิกที่ปุ่ม ให้เลื่อน หน้าต่างไปยังด้านบนสุดอย่างนุ่มนวล

เมื่อคลิกที่ปุ่ม ให้เลื่อน หน้าต่างไปยังด้านล่างสุดอย่างนุ่มนวล