วิธีการ - แสดงแถบเลื่อนเสมอ
เรียนรู้วิธีแสดงแถบเลื่อนด้วย CSS เสมอ
วิธีบังคับ / แสดงแถบเลื่อนเสมอ
เพิ่มoverflow: scroll;
เพื่อแสดงแถบเลื่อนทั้งแนวนอนและแนวตั้ง:
ตัวอย่าง
body {
overflow: scroll; /* Show scrollbars */
}
หากต้องการแสดงเฉพาะแถบเลื่อนแนวตั้ง หรือเฉพาะแถบเลื่อนแนวนอน ให้ใช้overflow-y
หรือoverflow-x
:
ตัวอย่าง
body {
overflow-y: scroll; /* Show vertical scrollbar */
overflow-x: scroll; /* Show horizontal scrollbar */
}
เคล็ดลับ:หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับ พร็อพเพอ ร์overflow
ตี้ ให้ไปที่CSS Overflow TutorialหรือCSS overflow Property Reference