Включить вертикальную прокрутку в текстовом поле

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

Я искал в Интернете и пробовал решения, но никто не работает.

Демо: http://jsfiddle.net/hozefa/8fv6e/

CSS

#imageURLId{
font-size: 14px;
font-weight: normal;
resize: none;
overflow-y: scroll;
}

HTML:

<label for="aboutDescription" id="aboutHeading">About</label>
<textarea rows="15" cols="50" id="aboutDescription"
    style="resize: none;"></textarea>
<a  id="imageURLId" target="_blank">Go to
    HomePage</a>

Ответы

Ответ 1

Вы можете попробовать:

#aboutDescription
{
    height: 100px;
    max-height: 100px;  
}

Обновление: http://jsfiddle.net/8fv6e/3/

Ответ 2

Попробуйте следующее: http://jsfiddle.net/8fv6e/8/

Это еще одна версия ответов.

HTML:

<label for="aboutDescription" id="aboutHeading">About</label>
<textarea rows="15" cols="50" id="aboutDescription"
    style="max-height:100px;min-height:100px; resize: none"></textarea>
<a  id="imageURLId" target="_blank">Go to
    HomePage</a>

CSS

#imageURLId{
font-size: 14px;
font-weight: normal;
resize: none;
overflow-y: scroll;

}

Ответ 3

Просто измените

<textarea rows="15" cols="50" id="aboutDescription"
style="resize: none;"></textarea>

<textarea rows="15" cols="50" id="aboutDescription"
style="resize: none;" data-role="none"></textarea>

т.е. добавьте:

data-role="none"

Ответ 4

Вот ваш CSS

element{
  width: 200px;
  height: 300px;
  overflow-y: auto;
}

Ответ 5

Возможно, фиксированные height и overflow-y: scroll;