gerekmediğinde dikey kaydırma çubuğu nasıl gizlenir

Jquery ipucum olduğu ve sınırı değiştirmeden opaklığı kullanmak istediğim için bir div içinde bulunan bir metin alanım var. Görünür bir dikey kaydırma çubuğu var, bunun yalnızca metin alanına yazarken görüntülenmesini istiyorum ve kabın ötesine geçiyor. Taşmayı denedim: auto; ama çalışmıyor.

Metin alanı:

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

Stiller:

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

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

overflow: auto(veya overflow-y: auto) gitmek için doğru yoldur.

Sorun, metin alanınızın div'inizden daha uzun olmasıdır. Böl, metin kutusunu keser, bu nedenle metin, 159pxmetin kutusunun 400pxyüksekliğinden daha uzun olana kadar, metin daha uzun olduğunda kaydırmaya başlamalı gibi görünse de kaydırmaya başlamaz .

Şunu deneyin: http://jsfiddle.net/G9rfq/1/

Metin kutusunda overflow: auto ayarını yaptım ve metin kutusunu div ile aynı boyutta yaptım.

Ayrıca bir diviç a'ya sahip olmanın geçerli olduğuna inanmıyorum label, tarayıcı onu işleyecektir, ancak bazı garip şeylerin olmasına neden olabilir. Ayrıca divkapalı değilsin.

overflow: auto;veya overflow: hidden;bence yapmalı.

Bu sınıfı .css sınıfına ekleyin

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

ve div içindeki sınıfı kullanın. Burası gibi.

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

Resim ekledim, yukarıdaki kodun çıkışını görüyorsunuz