Javascript 将 <textarea> 内容滚动回顶部

Question

我想要更改以下代码，以便在按下按钮时，它从下到上滚动文本区域内容。

$("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

将以下行 $textarea.scrollTop($textarea[0].scrollHeight); 更改为 $textarea.scrollTop(0); 以滚动到顶部文本区域。

$("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>