ตัวอย่าง
เลื่อนในแนวตั้งถ้าข้อความล้นพื้นที่เนื้อหาขององค์ประกอบ:
document.getElementById("myDIV").style.overflowY = "scroll";
ลองตัวเอง» ความหมายและการใช้งาน
สถานที่ให้บริการ overflowY ระบุว่าจะทำอย่างไรกับด้านบนขอบ / ด้านล่างของเนื้อหา - ถ้ามันล้นพื้นที่เนื้อหาองค์ประกอบของ
Tip: ใช้ overflowX คุณสมบัติการตรวจสอบการตัดที่ด้านซ้ายและขวาขอบ
สนับสนุนเบราว์เซอร์
สถานที่ให้บริการ overflowY ได้รับการสนับสนุนในทุกเบราว์เซอร์ที่สำคัญ
Note: คุณสมบัติ overflowY ทำงานไม่ถูกต้องใน IE8 และก่อนหน้านี้
วากยสัมพันธ์
กลับทรัพย์สิน overflowY:
object .style.overflowY
ตั้งค่าคุณสมบัติ overflowY:
object .style.overflowY="visible|hidden|scroll|auto|initial|inherit"
ค่าทรัพย์สิน
ความคุ้มค่า | ลักษณะ |
---|---|
visible | เนื้อหาไม่ได้ตัดและมันอาจจะกลายนอกกรอบเนื้อหา |
hidden | เนื้อหาจะถูกตัด - และไม่มีกลไกการเลื่อนให้บริการ |
scroll | เนื้อหาจะถูกตัดและกลไกการเลื่อนให้บริการ |
auto | ควรทำให้เกิดกลไกการเลื่อนที่จะให้สำหรับล้นกล่อง |
initial | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น |
inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
รายละเอียดทางเทคนิค
ราคาเริ่มต้น: | มองเห็นได้ |
---|---|
กลับค่า: | สตริงที่เป็นตัวแทนของล้น-Y ทรัพย์สินขององค์ประกอบ |
CSS รุ่น | CSS3 |
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง CSS: overflow-y property
<สไตล์วัตถุ