Comment puis-je faire la barre de défilement sur un div visible uniquement lorsque cela est nécessaire?

J'ai cette div:

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

Les barres de défilement sont toujours visibles, même si le texte ne déborde pas. Je veux faire les barres de défilement ne seront visibles que lorsque cela est nécessaire - qui est, visible uniquement lorsqu'il y a assez de texte dans la zone qu'ils sont nécessaires. Comme un textarea ne. Comment dois-je faire? Ou est ma seule option pour le style d'un textarea de sorte qu'il ressemble à une div?

InformationsquelleAutor Benubird | 2013-02-06
  1. 255

    Utilisation overflow: auto. Les barres de défilement apparaissent uniquement lorsque nécessaire.

    (Note, vous pouvez également spécifier que pour x ou y de la barre de défilement: overflow-x: auto et overflow-y: auto).

    • Notez que overflow-y fonctionne uniquement si vous spécifiez max-height
    • overflow-y n'a pas besoin de max-hauteur. Je n'ai jamais utilisé max-hauteur avec overflow-y et cela a fonctionné à chaque fois.
    • vous pourriez en avoir besoin, selon le cas, comme j'ai pu l'expérience en ce moment.
    InformationsquelleAutor Hidde
  2. 12

    essayez ceci:

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

    essayer

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

    essayer 

    <div id="boxscroll2" style="overflow: auto; position: relative;" tabindex="5001">
    InformationsquelleAutor GrvTyagi
  5. 0

    J'ai trouvé qu'il y est la hauteur de la div toujours à l'affiche, quand il y a du texte ou pas. Vous pouvez donc utiliser cette pour de meilleurs résultats.

    <div style=" overflow:auto;max-height:300px; max-width:300px;"></div>
    InformationsquelleAutor Shailendra Kumar
  6. 0

    Vous pouvez essayer avec ci-dessous un:

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