แถบเลื่อน

แถบเลื่อนแสดงตำแหน่งของผู้ใช้ในเอกสารที่มีขนาดใหญ่กว่าพื้นที่แสดงผล ช่วยให้ผู้ใช้สามารถไปยังส่วนอื่นๆ ของเอกสารได้โดยการเลื่อนพื้นที่แสดงผลของหน้าต่างขึ้นหรือลง

ผู้ใช้โต้ตอบกับแถบเลื่อนโดยใช้การสัมผัส วงล้อหมุน หรือทัชแพด การแตะลูกศรในแถบเลื่อนจะเลื่อนเนื้อหาไปทีละหน้า ซึ่งก็คือเพิ่มขึ้นทีละเท่ากับความสูงของหน้าจอ อย่างไรก็ตาม หากผู้ใช้สะบัดเพื่อเลื่อนอย่างรวดเร็ว (ขึ้นอยู่กับความไวของหน้าจอสัมผัส) การเคลื่อนไหวแบบสะบัดอาจสร้างแรงเฉื่อยที่ทำให้เลื่อนไปไกลกว่าหนึ่งหน้า ไม่ว่าการเลื่อนจะเริ่มต้นอย่างไร การเลื่อนควรจะหยุดที่รายการเสมอ

กายวิภาคศาสตร์

แถบเลื่อนประกอบด้วยปุ่มเลื่อนขึ้นและเลื่อนลง รวมถึงตัวแสดงความคืบหน้าการเลื่อน สัญลักษณ์ลูกศร (Chevron) ใช้ในปุ่มเลื่อนเพื่อระบุทิศทางการเลื่อน ตัวแสดงความคืบหน้าการเลื่อนเป็นองค์ประกอบเสริมที่แสดงเนื้อหาที่มองเห็นได้และตำแหน่งการเลื่อนเมื่อเทียบกับปริมาณเนื้อหาทั้งหมดในหน้าเว็บ

ข้อมูลจำเพาะ

ตำแหน่งแถบเลื่อนเมื่อจัดเรียงแถบนำทางหลักแบบเรียงซ้อนและแถบควบคุมแบบย่อขนาด

ตำแหน่งแถบเลื่อนพร้อมส่วนหัวของแอปเท่านั้น

ตำแหน่งของแถบเลื่อนเมื่อเทียบกับส่วนหัวของแอปและแถบควบคุม

ตำแหน่งแถบเลื่อนพร้อมส่วนหัวของแอปและแถบควบคุมที่ขยายออก

ตำแหน่งของแถบเลื่อนเมื่อเทียบกับแถบแอป/ส่วนหัว และแถบควบคุมที่ย่อขนาดลง

ตำแหน่งแถบเลื่อนพร้อมแถบแอป/ส่วนหัวเท่านั้น

ตำแหน่งของแถบเลื่อนเมื่อเทียบกับส่วนหัวของแอปและแถบควบคุม

ตำแหน่งแถบเลื่อนพร้อมส่วนหัวของแอปและแถบควบคุมที่ขยายออก

ตำแหน่งแถบเลื่อนเมื่อความสูงของหน้าจอสั้น

ตัวบ่งชี้ความคืบหน้าการเลื่อน (ไม่บังคับ)

สไตล์

สี

ขนาด

ตัวอย่าง