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

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

window.scrollBy(100, 200);

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

window.scrollBy(-100, -200);

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

window.scrollBy({
	top: 100,
	left: 100,
	behavior: 'smooth'
});

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

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

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

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