jQuery CSS ปฏิบัติการ - วิธี scrollLeft()

ตัวอย่าง

ตั้งค่าการเลื่อนด้านข้างของโซ่ในองค์ประกอบ <div>

$(".btn1").click(function(){
  $("div").scrollLeft(100);
});

ทดลองด้วยตัวเอง

การเรียกใช้และความหมาย

วิธี scrollLeft() คืนค่าหรือตั้งค่าตำแหน่งด้านข้างของโซ่ขององค์ประกอบที่คลอบคลุม

ตำแหน่งด้านข้างของโซ่คือจำนวนพิกเซลที่เคยคลิกขวางด้านซ้าย ของโซ่ ขณะที่โซ่อยู่ที่ด้านซ้ายสุด ตำแหน่งคือ 0

คืนค่าตำแหน่งด้านข้างของโซ่

คืนค่าตำแหน่งด้านข้างของโซ่ที่แรกที่คลอบคลุม

การใช้งาน

$(selector).scrollLeft()

ทดลองด้วยตัวเอง

ตั้งค่าตำแหน่งด้านข้างของโซ่

ตั้งค่าตำแหน่งด้านข้างของโซ่ซึ่งตรงกับที่กำหนด

การใช้งาน

$(selector).scrollLeft(position)
ตัวแปร บรรยาย
position ทางเลือกต่าง ๆ กำหนดตำแหน่งใหม่ด้วยพิกเซล

ทดลองด้วยตัวเอง