วิธีการเลื่อนหน้าต่างตามระยะที่กำหนดใน 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