Como faço a barra de rolagem em uma div visível apenas quando necessário?

Eu tenho esse div:

<div style='overflow:scroll; width:400px;height:400px;'>here is some text</div>

As barras de rolagem estão sempre visíveis, mesmo que o texto não transborde. Eu quero fazer com que as barras de rolagem só sejam visíveis quando necessário - isto é, visíveis somente quando houver texto suficiente na caixa em que elas são necessárias. Como uma textarea faz. Como eu faço isso? Ou é a minha única opção para estilizar uma textarea, então parece uma div?

questionAnswers(5)

yourAnswerToTheQuestion