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