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?
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).
versuche dies:
<div style='overflow:auto; width:400px;height:400px;'>here is some text</div>
versuchen
<div id="boxscroll2" style="overflow: auto; position: relative;" tabindex="5001">
versuchen
<div style='overflow:auto; width:400px;height:400px;'>here is some text</div>
Sie können es mit den folgenden versuchen:
<div style="width: 100%; height: 100%; overflow-x: visible; overflow-y: scroll;">Text</div>
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>