how to make a textarea scrollable

[chineseweb]

I have a simple page that's collecting using input using textarea. However I can't make the textarea scrollable, when the user enters more text than the area can hold, there is no way to scroll back to the top. Here is the code:

<div id="NEWNOTES">
    <div class="toolbar">
        <h1>New notes</h1>
    </div>
    <div>
        <ul class="round">
            <li> <input type='text' placeholder='title' id="noteTitleText"> </li>
            <li> <textarea name="addNoteText" placeholder='notes here' ></textarea></li>
        </ul>
        <ul class="individual">
            <li><a class="goback"  href="#">Cancel</a></li>
            <li><a href="javascript:addNotes()">Add</a></li>
        </ul>
    </div>
</div>

[DataZombies]

Text areas aren't scrollable in iOS. Try googling expanding text boxes; that might be a solution for you.