ປະກາດ overflow-y ຂອງ CSS

ການອະທິບາຍ ແລະ ການນຳໃຊ້

overflow-y 属性ກໍານົດວ່າຈະປິດທາງຕາມ/ຕາມຂອງຂໍ້ມູນ - ຖ້າເນື້ອຫຼັກບໍ່ພຽງພໍໃຫ້ກັບບໍລິສັດຂໍ້ມູນ.

ຄຳແນະນຳ:ນຳໃຊ້ overflow-x ສະແດງວ່າຈຸດທີ່ປິດທາງຊ້າຍ/ຊ້າຍຂອງບັນດາ div.

CSS 教程:CSS 溢出

ປືກສາ HTML DOM:overflowY 属性

ຕົວຢ່າງ

ປິດຂໍ້ມູນຂອງ div - ຖ້າເນື້ອຫຼັກບໍ່ພຽງພໍໃຫ້ກັບບໍລິສັດຂໍ້ມູນຂອງບັນດາ div:

div
{
overflow-y:hidden;
}

ທົດລອງຄົນດຽວ

ສັບພາສາ CSS

overflow-y: visible|hidden|scroll|auto|no-display|no-content;

ຄູ່ມົນປະກອບ

ຈຳນວນ ການອະທິບາຍ ການທົດລອງ
visible ບໍ່ປິດເນື້ອຫຼັກ ອາດສະແດງອອກຈາກບໍລິສັດຂໍ້ມູນ. ການທົດລອງ
hidden ປິດເນື້ອຫຼັກ - ບໍ່ໃຫ້ການສັບສົມ. ການທົດລອງ
scroll ປິດເນື້ອຫຼັກ - ໃຫ້ການສັບສົມ. ການທົດລອງ
auto ຖ້າບໍລິສັດຫຼັກບໍ່ພຽງພໍໃຫ້ກັບບໍລິສັດຫຼັກ ຄວນຈະໃຫ້ການສະໜັບສະໜູນການສັບສົມ. ການທົດລອງ
no-display ຖ້າເນື້ອຫຼັກບໍ່ພຽງພໍໃຫ້ກັບບໍລິສັດຂໍ້ມູນ ຈະລຶບທັງໝົດບໍລິສັດ. ການທົດລອງ
no-content ຖ້າເນື້ອຫຼັກບໍ່ພຽງພໍໃຫ້ກັບບໍລິສັດຂໍ້ມູນ ຈະປິດທັງໝົດຂອງຂໍ້ມູນ. ການທົດລອງ

ລະບົບສັນຍາສານ

ຄູ່ມົນປະກອບ: visible
ການສືບທອດ: no
ລະບົບ: CSS3
ສັບພາສາ JavaScript: object.style.overflowY="scroll"

ການສະໜັບສະໜູນບັນດາສານບາດ

ຈຳນວນທີ່ຢູ່ໃນຕາລະບົດສະແດງວ່າການສະໜັບສະໜູນຄັດຄະດີຂອງບັນດາສານບາດທີ່ສະໜັບສະໜູນຄັດຄະດີຂອງບັນດາສານບາດ.

ຈຸດນັກບັນທຶກ -ms- ສະແດງວ່າຂັ້ນຕົ້ນຂອງລາຍການການໃຊ້ກໍາແພງ.

Chrome IE / Edge Firefox Safari Opera
4.0 9.0
8.0 -ms-		 1.5 3.0 9.5