wake-up-neo.net

Wie mache ich die Bildlaufleiste auf einem Div nur sichtbar, wenn es notwendig ist?

Ich habe dieses div:

<div style='overflow:scroll; width:400px;height:400px;'>here is some text</div>

Die Bildlaufleisten sind immer sichtbar, auch wenn der Text nicht überläuft. Ich möchte, dass die Bildlaufleisten nur angezeigt werden, wenn dies erforderlich ist - dh nur, wenn der Text genügend Text enthält, der benötigt wird. Wie ein Textfeld. Wie mache ich das? Oder ist meine einzige Möglichkeit, einen Textbereich so zu gestalten, dass er wie ein Div aussieht?

121
Benubird

Verwenden Sie overflow: auto. Bildlaufleisten werden nur bei Bedarf angezeigt.

(Nebenbezeichnung können Sie auch nur für die Bildlaufleiste x oder y angeben: overflow-x: auto und overflow-y: auto).

248
Hidde

versuche dies:

<div style='overflow:auto; width:400px;height:400px;'>here is some text</div>
12
kleinohad

versuchen 

<div id="boxscroll2" style="overflow: auto; position: relative;" tabindex="5001">
6
GrvTyagi

versuchen

<div style='overflow:auto; width:400px;height:400px;'>here is some text</div>
6
pbaris

Sie können es mit den folgenden versuchen:

  <div style="width: 100%; height: 100%; overflow-x: visible; overflow-y: scroll;">Text</div>
0
Papun Sahoo

Ich habe festgestellt, dass die Höhe von div immer noch angezeigt wird, wenn sie Text enthält oder nicht. So können Sie dies für beste Ergebnisse verwenden.

<div style=" overflow:auto;max-height:300px; max-width:300px;"></div>
0