我怎么能自动添加一个垂直滚动条到我的div?
我想添加垂直滚动条到我的<Div>
。 我试过overflow:auto
,但它不工作。 我已经在Firefox和Chrome中testing了我的代码。 我在这里粘贴Div样式代码:
float:left; width:1000px; overflow: auto;
提前致谢。
你需要分配一些高度来使overflow: auto;
财产工作。
为了testing目的,请添加height: 100px;
并检查。
如果你给overflow-y:auto;
会更好overflow-y:auto;
而不是overflow: auto;
,因为这使元素只能滚动而不能水平滚动。
float:left; width:1000px; overflow-y: auto; height: 100px;
如果你不知道容器的高度,并且当容器达到一个固定的高度(比如说100px
时想显示垂直滚动条,则使用max-height
而不是height
属性。
有关更多信息,请阅读此MDN文章 。
您必须添加max-height
属性。
.ScrollStyle { max-height: 150px; overflow-y: scroll; }
<div class="ScrollStyle"> Scrollbar Test!<br/> Scrollbar Test!<br/> Scrollbar Test!<br/> Scrollbar Test!<br/> Scrollbar Test!<br/> Scrollbar Test!<br/> Scrollbar Test!<br/> Scrollbar Test!<br/> Scrollbar Test!<br/> Scrollbar Test!<br/> </div>
我的div-popup
上有一个很棒的滚轮。 要应用,请将此样式添加到您的div元素:
overflow-y: scroll; height: XXXpx;
你指定的高度将是div的高度,如果你有超过这个高度的内容,你必须滚动它。
谢谢。
你可以设置:
overflow-y: scroll;height: XX px
我不太清楚你正在尝试使用div,但这是一些随机文本的例子。
Mr_Green在他说增加overflow-y: auto
时候给出了正确的说明,因为这限制了它的垂直滚动。 这是一个JSFiddle示例:
的jsfiddle
要在你的div中显示垂直滚动条,你需要添加
height: 100px; overflow-y : scroll;
要么
height: 100px; overflow-y : auto;