Vertikales Scrollen im Textbereich aktivieren

Ich habe einen Textbereich, in dem ich vertikales Scrollen aktivieren möchte. Wenn ich die Höhe des Textbereichs überschreite, wird er größer. Die Bildlaufleiste wird nicht angezeigt. Ich möchte, dass eine vertikale Bildlaufleiste angezeigt wird und die Benutzer auch nicht in der Lage sind, die Größe des Textbereichs zu ändern.

Ich habe online gesucht und Lösungen gepostet, aber keine scheint zu funktionieren.

Demo: 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>

Versuche dies. Es ist eine andere Version der Antworten.

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

<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>

Sie können versuchen, Folgendes hinzuzufügen:

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

Einfach ändern

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

zu

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

dh hinzufügen:

data-role="none"

Hier ist Ihr CSS

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

Vielleicht ein fester height und overflow-y: scroll;