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

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

javascriptwindow.scrollTo(100, 200);

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

javascriptelement.scrollTo({
  top: 100,
  left: 100,
  behavior: 'smooth'
});
Задание 1

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

Задание 2

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

Задание 3

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