หน้าต่าง scrollBy() Method

<หน้าต่างวัตถุ

ตัวอย่าง

เลื่อนเอกสารโดย 100px แนวนอน:

window.scrollBy(100, 0);

ลองตัวเอง»

เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง

ความหมายและการใช้งาน

scrollBy() เลื่อนวิธีเอกสารโดยระบุจำนวนพิกเซล

Note: สำหรับวิธีนี้ในการทำงานที่มองเห็นทรัพย์สินของแถบเลื่อนหน้าต่างจะต้องตั้งค่าเป็นจริง!

สนับสนุนเบราว์เซอร์

วิธี
scrollBy()	ใช่	ใช่	ใช่	ใช่	ใช่

วากยสัมพันธ์

window.scrollBy( ค่าพารามิเตอร์

พารามิเตอร์	ชนิด	ลักษณะ
xnum	Number	จำเป็นต้องใช้ จำนวนพิกเซลเพื่อเลื่อนโดยพร้อมแกน x (horizontal) ค่าบวกจะเลื่อนไปทางซ้ายในขณะที่ค่าลบจะเลื่อนไปทางขวา
ynum	Number	จำเป็นต้องใช้ จำนวนพิกเซลเพื่อเลื่อนโดยพร้อมแกน y (vertical) ค่าบวกจะเลื่อนลงในขณะที่ค่าลบเลื่อนขึ้น

รายละเอียดทางเทคนิค

กลับค่า:	ไม่มีค่าตอบแทน

ตัวอย่างอื่น ๆ

ตัวอย่าง

เลื่อนเอกสารโดย 100px แนวตั้ง:

window.scrollBy(0, 100);

ลองตัวเอง»

ตัวอย่าง

เลื่อนเอกสารในแนวนอนและแนวตั้ง:

<button onclick="scrollWin(0, 50)">Scroll down</button>
<button onclick="scrollWin(0, -50)">Scroll up</button>
<button onclick="scrollWin(100, 0)">Scroll right</button>
<button onclick="scrollWin(-100, 0)">Scroll left</button>

<script>
function scrollWin(x, y) {
window.scrollBy(x, y);
}
</script>

ลองตัวเอง»