HTML: Comment créer un DIV avec seulement vertical barres de défilement pour les longs paragraphes?

Je veux montrer aux termes et conditions de la note sur mon site. Je ne veux pas utiliser le champ de texte et aussi vous ne voulez pas utiliser la totalité de ma page. Je veux juste afficher mon texte dans la zone sélectionnée et que vous voulez utiliser seulement verticale de la barre de défilement pour aller vers le bas et de lire tout le texte.

Actuellement, je suis en utilisant ce code:

<div style="width:10;height:10;overflow:scroll" >
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
 text text text text text text text text text
</div>

Deux Problèmes:

Ce n'est pas la fixation de la largeur et de la hauteur et de la propagation jusqu'à ce que le texte s'affiche.
Second, il montre horizontale de la barre de défilement et je ne veux pas le montrer.

Largeur/hauteur problème est résolu par "Daniel Vassallo" et horizontale de la barre de défilement problème est résolu par "janmoesen". Maintenant, qui est la réponse que je dois accepter 🙂 puis-je sélectionner plusieurs 😉

InformationsquelleAutor Awan | 2010-04-02

214

Utilisation overflow-y. Cette propriété CSS 3.
- barre de défilement problème résolu, mais la largeur/hauteur ?
- Largeur/hauteur problème est résolu par "Daniel Vassallo" et horizontale de la barre de défilement problème est résolu par "janmoesen". Maintenant, qui est la réponse que je dois accepter 🙂 puis-je sélectionner plusieurs 😉
- C'est assez évident: toujours aller de l'opprimé, c'est à dire: celui avec la plus petite réputation. 😉
- hahaha. Mais votre réponse n'est pas dans le détail de la "Daniel Vassallo" 🙂
- Je m'efforce pour le "moins est plus" et de laisser les liens qui en parlent. De toute façon, il suffit de choisir un et bon week-end!
- merci..
- Je crois que la norme ici est de ne pas répondre à une question avec "juste" un lien, des liens peuvent être invalide. Vous devez inclure suffisamment d'informations pour répondre directement à la question dans votre réponse, et ensuite le lien comme une référence.
InformationsquelleAutor janmoesen
57

pour masquer les barres de défilement horizontal, vous pouvez définir overflow-x cachés, comme ceci:
```
overflow-x: hidden;
```
- J'ai l'impression que c'est la réponse que le demandeur voulait... vous méritez plus de crédit
- oui je suis d'accord c'est la meilleure réponse
InformationsquelleAutor Kornelius
50

Vous devez spécifier le width et height dans px:
```
width: 10px; height: 10px;
```
En outre, vous pouvez utiliser overflow: auto; pour empêcher la barre de défilement horizontale de montrer.

Par conséquent, vous pouvez essayer ce qui suit:
```
<div style="width:100px; height:100px; overflow: auto;" >
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
  text text text text text text text text text
</div>
```
- La largeur et la hauteur de travail est maintenant, mais la barre de défilement horizontal toujours pas retirée.
- Largeur/hauteur problème est résolu par "Daniel Vassallo" et horizontale de la barre de défilement problème est résolu par "janmoesen". Maintenant, qui est la réponse que je dois accepter 🙂 puis-je sélectionner plusieurs 😉
- overflow: auto; fonctionne parfaitement pour moi. Merci 🙂
InformationsquelleAutor Daniel Vassallo
18

Je vous remercie d'abord

Utilisation overflow:auto cela fonctionne pour moi.

barre de défilement horizontale disparaît.

InformationsquelleAutor raji
16

Pour n'importe quel ensemble de cas overflow-x à hidden et je préfère définir max-height afin de limiter l'expansion de la hauteur de la div. Votre code devrait ressembler à ceci:
```
overflow-y: scroll;
overflow-x: hidden;
max-height: 450px;
```
InformationsquelleAutor Brane
13

À la barre de défilement vertical dans votre div vous devez ajouter
```
height: 100px;   
overflow-y : scroll;
```
ou
```
height: 100px; 
overflow-y : auto;
```
- Je préfère utiliser max-height: 100px;.
- En raison de ma configuration, il a été height qui manquait afin de ne pas montrer le défilement vertical des barres, bien que height:100%; ont mieux fonctionné pour moi.
InformationsquelleAutor Ricardo Romo
3
```
overflow-y : scroll;
overflow-x : hidden;
```
height est facultatif

InformationsquelleAutor Amobi Chuks
2

Vous pouvez utiliser la propriété overflow
```
style="overflow: scroll ;max-height: 250px; width: 50%;"
```
InformationsquelleAutor Sunil Kumar

J'ai aussi été confronté au même problème...essayez de faire cela...cela a fonctionné pour moi

        .scrollBbar 
        {
        position:fixed;
        top:50px;
        bottom:0;
        left:0;
        width:200px;
        overflow-x:hidden;
        overflow-y:auto;
       }

InformationsquelleAutor hemant

Vous devez vous connecter pour publier un commentaire.