Полоса прокрутки не отображается в текстовой области для высоты: 30 пикселей

Question

Я помогаю своему другу сегодня.Он столкнулся с проблемой, которую он хочет, чтобы текстовая область отображалась на высоте 30 пикселей с полосой прокрутки.К сожалению, если мы задаем высоту текстовой области, полоса прокрутки не отображается, но она работает, когда мы используем клавиши прокрутки / клавиатуры мыши вверх и вниз.

Css

<style type="text/css">
.txtarea { height:50px; overflow-y:scroll;  }
</style>

Html

<textarea class="txtarea"></textarea>

Пожалуйста, помогите.

Answer 1

.txtarea {
    overflow-y: visible
}

Кроме того, текстовая область должна иметь высоту не менее ~ 70 пикселей, в противном случае поле будет слишком маленьким для отображения полосы прокрутки.

http://jsfiddle.net/gTzPM/