ตัวอย่าง
กลับตำแหน่งเลื่อนแนวนอนสำหรับ <div> องค์ประกอบ:
$("button").click(function(){
alert($("div").scrollLeft());
});
ลองตัวเอง» ความหมายและการใช้งาน
scrollLeft() ชุดวิธีการหรือส่งกลับตำแหน่งเลื่อนแนวนอนสำหรับองค์ประกอบที่เลือก
เคล็ดลับ: เมื่อแถบเลื่อนอยู่ด้านซ้ายสุดตำแหน่งเป็น 0
เมื่อนำมาใช้จะกลับมาดำรงตำแหน่ง:
วิธีการนี้จะส่งกลับตำแหน่งแนวนอนของแถบเลื่อนสำหรับองค์ประกอบคู่แรกก่อน
เมื่อนำมาใช้ในการตั้งตำแหน่ง:
วิธีการนี้จะตั้งตำแหน่งแนวนอนของแถบเลื่อนสำหรับองค์ประกอบที่ตรงทั้งหมด
วากยสัมพันธ์
กลับเลื่อนตำแหน่งแนวนอน:
$(selector).scrollLeft()
ตั้งตำแหน่งเลื่อนแนวนอน:
$(selector).scrollLeft( position )
| พารามิเตอร์ | ลักษณะ |
|---|---|
| position | ระบุตำแหน่งเลื่อนแนวนอนพิกเซล |
ลองตัวเอง - ตัวอย่าง
กำหนดตำแหน่งแถบเลื่อนแนวนอน
วิธีการกำหนดตำแหน่งแถบเลื่อนแนวนอนสำหรับองค์ประกอบ