Javascript 滚动DIV元素的特定滚动条

我有一个带有滚动条的div元素，我只想在某个事件上滚动这个滚动条，要么在顶部，要么在底部

<div id="scroll_box" style="height:300px; overflow:auto;">
 <pre>
  Top
  .
  .
  .
  .
  .
  .
  .
  .
  .
  .
  Bottom
 </pre>
</div>
<button id="go_top">Top</button>
<button id="go_bottom">Bottom</button>

---

我是初学者，我首先在这里搜索，然后猜测代码

您对

scrollTop

使用的值不正确，

scrollBottom

不存在。此外，您还需要将这些语句附加到每个按钮的

单击事件中，否则它们都会加载并相互抵消。试试这个：

您对
scrollTop
使用了不正确的值，并且
scrollBottom
不存在。此外，您还需要将这些语句附加到每个按钮的
单击事件中，否则它们都会加载并相互抵消。试试这个：

哦，谢谢，但我只是用
来显示内容很长，但实际上没有
，所以我如何才能到达底部？？然后是
$（'scroll#u box'）。动画（{scrollTop:$（'scroll#u box”）。高度（），“快速”）将可滚动元素的内容包装在一个div中，并使用它。你需要有一个包含所有内容的单一元素，这样你才能获得滚动到底部的高度。哦，谢谢，但我刚才用
来显示内容很长，但实际上没有
，所以我如何才能到达底部？？然后是
$（'scroll#u box'）。动画（{scrollTop:$（'scroll#u box”）。高度（），“快速”）将可滚动元素的内容包装在一个div中，并使用它。您需要有一个包含所有内容的单个元素，这样才能获得滚动到底部的高度。
$('#scroll_box').animate({scrollTop: $("#scroll_box").offset().top},"fast");
$('#scroll_box').animate({scrollBottom: $("#scroll_box").offset().bottom},"fast");

$('#go_top').click(function() {
    $('#scroll_box').animate({scrollTop: 0 },"fast");
});
$('#go_bottom').click(function() {
    $('#scroll_box').animate({scrollTop: $("#scroll_box pre").height() },"fast");
});