Añadir una barra de desplazamiento a un [duplicate]

Me gustaría agregar una barra de desplazamiento a un área de texto, para que siempre aparezca, incluso cuando no haya nada para desplazarse hacia abajo. Si no hay nada para desplazarse hacia abajo, preferiría que pudiera estar atenuado, lo que indica que no hay nada debajo.

¿Cómo haría esto?

lo que necesitas es overflow-y: scroll;

Manifestación

    textarea {
        overflow-y: scroll;
        height: 100px;
        resize: none; /* Remove this if you want the user to resize the textarea */
    }

<textarea></textarea>

Intenta agregar a continuación CSS

textarea
{
    overflow-y:scroll;
}

Deberá darle a su área de texto una altura establecida y luego establecer overflow-y

textarea
{
resize: none;
overflow-y: scroll;
height:300px;
}

textarea {
    overflow-y: scroll; /* Vertical scrollbar */
    overflow: scroll; /* Horizontal and vertical scrollbar*/
}

como esto

CSS

textarea {

overflow:scroll;
height:100px;
}

HTML:

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

CSS:

#text
{
    overflow-y:scroll;
}