up vote 7 down vote favorite

This question already has an answer here:

I would like to add a scrollbar to a textarea, so that it always appears, even when there is nothing to scroll down to. If there is nothing for it to scroll down to, I would prefer if it could be greyed out, indicating that there is nothing below.

How would I do this?

share|improve this question

marked as duplicate by Ferdinand.kraft, Sascha, Mario Sannum, showdev, Sliq Oct 17 '13 at 23:19

This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.
2  
Use overflow-y: scroll , JSFiddle. – Vucko Oct 17 '13 at 7:46
up vote 9 down vote accepted

What you need is overflow-y: scroll;

Demo

textarea {
    overflow-y: scroll;
    height: 100px;
    resize: none; /* Remove this if you want the user to resize the textarea */
}
share|improve this answer
up vote 4 down vote

Try adding below CSS

textarea
{
    overflow-y:scroll;
}
share|improve this answer
up vote 3 down vote

You will need to give your textarea a set height and then set overflow-y

textarea
{
resize: none;
overflow-y: scroll;
height:300px;
}
share|improve this answer
1  
give your textarea a set height - Not necessary :) btw same answers.. – Mr. Alien Oct 17 '13 at 7:46
    
@Mr.Alien so the height is not required? – user2370460 Oct 17 '13 at 7:51
1  
@user2370460 not required – Mr. Alien Oct 17 '13 at 7:52
up vote 2 down vote 
textarea {
    overflow-y: scroll; /* Vertical scrollbar */
    overflow: scroll; /* Horizontal and vertical scrollbar*/
}
share|improve this answer
up vote 1 down vote

like this

css

textarea {

overflow:scroll;
height:100px;
}
share|improve this answer
up vote 1 down vote

HTML:

<textarea rows="10" cols="20" id="text"></textarea>

CSS:

#text
{
    overflow-y:scroll;
}
share|improve this answer

Not the answer you're looking for? Browse other questions tagged or ask your own question.