Javascript to scroll <textarea> content back to top

Question

I want the following code, changed so that on button press, it scrolls the text area content from bottom to top.

$("button").on("click", function() {
  $(document).ready(function() {
    var $textarea = $('#update');
    $textarea.scrollTop($textarea[0].scrollHeight);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Scroll</button>
<textarea Name="update" Id="update" cols="50" rows="25"></textarea>

Answer 1

Change the following line $textarea.scrollTop($textarea[0].scrollHeight); to $textarea.scrollTop(0); to scroll to the top of textarea.

$("button").on("click", function() {
    var $textarea = $('#update');
    $textarea.scrollTop(0);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Scroll</button>
<textarea Name="update" Id="update" cols="50" rows="25"></textarea>