comment masquer une barre de défilement verticale lorsqu'elle n'est pas nécessaire

Question

J'ai une zone de texte qui est contenue dans un div car j'ai un indice jquery et je voulais utiliser l'opacité sans changer la bordure. Il y a une barre de défilement verticale visible sur la façon dont je veux que cela s'affiche uniquement lorsque je tape dans le champ de texte et qu'il va au-delà du conteneur. J'ai essayé le débordement : auto ; mais ne fonctionne pas.

Champ de texte:

 <label>
    <div id="name">
        <textarea name="message" type="text" id="message"
            title="Enter Message Here"
            rows=9 cols=60 maxlength="2000"></textarea>
    </div>
</label>

Modes:

 #name { 
    border: 1px solid #c810ca;
    width: 270px;
    height:159px;
    overflow: hidden; 
    position: relative;
    }

#message {
    height: 400px;
    width: 235px;
    overflow: hidden;
    position: absolute;
}

Answer 1

overflow: auto; ou overflow: hidden; devraient le faire je pense.

Answer 2

Ajouter cette classe dans la classe .css

 .scrol  { 
font: bold 14px Arial; 
border:1px solid black; 
width:100% ; 
color:#616D7E; 
height:20px; 
overflow:scroll; 
overflow-y:scroll;
overflow-x:hidden;
}

et utilisez la classe en div. comme ici.

 <div> <p class = "scrol" id = "title">-</p></div>

J'ai joint l'image, vous voyez la sortie du code ci-dessus