我有这个div:
<div style='overflow:scroll; width:400px;height:400px;'>here is some text</div>
滚动条总是可见的,即使文本没有溢出。我想让滚动条只在必要时才可见——也就是说,只在框中有足够多需要它们的文本时可见。就像文本区域一样。我怎么做呢?或者是我唯一的选择样式一个文本区域,使它看起来像一个div?
我有这个div:
<div style='overflow:scroll; width:400px;height:400px;'>here is some text</div>
滚动条总是可见的,即使文本没有溢出。我想让滚动条只在必要时才可见——也就是说,只在框中有足够多需要它们的文本时可见。就像文本区域一样。我怎么做呢?或者是我唯一的选择样式一个文本区域,使它看起来像一个div?
当前回答
try
<div id="boxscroll2" style="overflow: auto; position: relative;" tabindex="5001">
其他回答
使用overflow: auto。滚动条只会在需要时出现。
(注:您还可以只指定x或y滚动条:overflow-x: auto和overflow-y: auto)。
试试这个:
<div style='overflow:auto; width:400px;height:400px;'>here is some text</div>
你可以试试下面这个:
<div style="width: 100%; height: 100%; overflow-x: visible; overflow-y: scroll;">Text</div>
try
<div style='overflow:auto; width:400px;height:400px;'>here is some text</div>
我发现div的高度仍然显示,当它有文本或没有。所以你可以用这个来获得最好的效果。
<div style=" overflow:auto;max-height:300px; max-width:300px;"></div>