การเปลี่ยนการเลื่อนขององค์ประกอบใน JavaScript

คุณสมบัติที่เก็บการเลื่อนขององค์ประกอบ สามารถเปลี่ยนแปลงได้ ในกรณีนี้องค์ประกอบ จะถูกเลื่อนไปยังค่าที่ระบุ ตัวอย่างเช่น ให้เราเลื่อนองค์ประกอบ ไปยังตำแหน่ง 200px จากด้านบน:

elem.scrollTop = 200;

และตอนนี้ให้เลื่อนองค์ประกอบลงมา 100px จากค่าปัจจุบัน:

elem.scrollTop = elem.scrollTop + 100;

และตอนนี้ให้เลื่อนองค์ประกอบไปยังสุดท้าย:

elem.scrollTop = elem.scrollHeight - elem.clientHeight;

กำหนดองค์ประกอบและปุ่ม เมื่อคลิกที่ ปุ่ม ให้เลื่อนองค์ประกอบไปยังตำแหน่ง การเลื่อน 100px ในแนวตั้ง และ 50px ในแนวนอน

กำหนดองค์ประกอบและปุ่ม เมื่อคลิกที่ ปุ่ม ให้เลื่อนองค์ประกอบลงมา 50px จากตำแหน่งการเลื่อนปัจจุบัน

กำหนดองค์ประกอบและปุ่ม เมื่อคลิกที่ ปุ่ม ให้เลื่อนองค์ประกอบไปยังด้านบนสุด

กำหนดองค์ประกอบและปุ่ม เมื่อคลิกที่ ปุ่ม ให้เลื่อนองค์ประกอบไปยังด้านล่างสุด