CSS overflow-y 属性

显示不同的overflow-y属性值：

div.ex1 {
overflow-y: scroll;
}

div.ex2 {
  overflow-y: hidden;
}

div.ex3 {
  overflow-y: auto;
}

div.ex4 {
  overflow-y: visible;
}

定义和用法

这个overflow-y属性指定当块级元素在顶部和底部边缘溢出时是否裁剪内容、添加滚动条或显示块级元素的溢出内容。

提示：使用溢出-x属性来确定左边缘和右边缘的剪切。

默认值：	可见的
遗传：	不
可动画：	不。阅读可动画的
版本：	CSS3
JavaScript 语法：	对象.style.overflowY="scroll"尝试一下

表中的数字指定完全支持该属性的第一个浏览器版本。

后跟 -ms- 的数字指定使用前缀的第一个版本。

Property
overflow-y	4.0	9.0 8.0 -ms-	1.5	3.0	9.5

Value	Description	Demo
visible	The content is not clipped, and it may be rendered outside the content box. This is default	Demo ❯
hidden	The content is clipped - and no scrolling mechanism is provided	Demo ❯
scroll	The content is clipped and a scrolling mechanism is provided	Demo ❯
auto	Should cause a scrolling mechanism to be provided for overflowing boxes	Demo ❯
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit