วิธีการเลื่อนหน้าต่างตามระยะที่กำหนดใน JavaScript

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

javascriptwindow.scrollBy(100, 200);

ทำการเลื่อนในทิศทางตรงกันข้าม:

javascriptwindow.scrollBy(-100, -200);

ทำการเลื่อนอย่างลื่นไหล:

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

เมื่อกดปุ่ม ให้เลื่อน หน้าต่างลงมา 100px

Задание 2

เมื่อกดปุ่ม ให้เลื่อน หน้าต่างขึ้นไป 100px

Задание 3

เมื่อกดปุ่ม ให้เลื่อนอย่างลื่นไหล หน้าต่างลงมา 300px

Задание 4

เมื่อกดปุ่ม ให้เลื่อนอย่างลื่นไหล หน้าต่างขึ้นไป 300px