javascript - 滚动 DIV 元素的特定滚动条

Question

我有一个带滚动条的 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>

我不想移动主滚动条(窗口)

我试过了

$('#scroll_box').animate({scrollTop: $("#scroll_box").offset().top},"fast");
$('#scroll_box').animate({scrollBottom: $("#scroll_box").offset().bottom},"fast");

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

Answer 1

您为 scrollTop 使用了不正确的值，并且 scrollBottom 不存在。此外，您需要将这些语句附加到每个按钮的 click 事件，否则它们都会在加载时运行并相互抵消。试试这个:

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

Example fiddle