jQuery scrollLeft()เมธอด

❮ วิธีการ jQuery HTML/CSS

ตัวอย่าง

กลับตำแหน่งแถบเลื่อนแนวนอนสำหรับ <div> องค์ประกอบ:

$("button").click(function(){
  alert($("div").scrollLeft());
});

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

วิธี scrollLeft() ตั้งค่าหรือส่งคืนตำแหน่งแถบเลื่อนแนวนอนสำหรับองค์ประกอบที่เลือก

เคล็ดลับ:เมื่อแถบเลื่อนอยู่ทางด้านซ้ายสุด ตำแหน่งจะเป็น 0

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

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


ไวยากรณ์

กลับตำแหน่งแถบเลื่อนแนวนอน:

$(selector).scrollLeft()

ตั้งค่าตำแหน่งแถบเลื่อนแนวนอน:

$(selector).scrollLeft(position)

Parameter Description
position Specifies the horizontal scrollbar position in pixels

ลองด้วยตัวคุณเอง - ตัวอย่าง


วิธีกำหนดตำแหน่งแถบเลื่อนแนวนอนสำหรับองค์ประกอบ


❮ วิธีการ jQuery HTML/CSS