I have this div:
<div style='overflow:scroll; width:400px;height:400px;'>here is some text</div>
The scrollbars are always visible, even though the text does not overflow. I want to make the scrollbars only be visible when necessary - that is, only visible when there is enough text in the box that they are needed. Like a textarea does. How do I do this? Or is my only option to style a textarea so it looks like a div?
Use overflow: auto
. Scrollbars will only appear when needed.
(Sidenote, you can also specify for only the x, or y scrollbar: overflow-x: auto
and overflow-y: auto
).
试试这个:
<div style='overflow:auto; width:400px;height:400px;'>here is some text</div>
尝试
<div style='overflow:auto; width:400px;height:400px;'>here is some text</div>
尝试
<div id="boxscroll2" style="overflow: auto; position: relative;" tabindex="5001">
I found that there is height of div still showing, when it have text or not. So you can use this for best results.
<div style=" overflow:auto;max-height:300px; max-width:300px;"></div>
您可以尝试下面的一个:
<div style="width: 100%; height: 100%; overflow-x: visible; overflow-y: scroll;">Text</div>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.