javascript - 如何滚动到带有溢出的 div 的底部或顶部

Question

我有一些包含很多内容的 div，我想将主 div 内的一些 div 滚动到 View 中。所以这主要是隐藏了 x 溢出的 y 溢出滚动。

我不想滚动窗口或正文，只想滚动 div 的内容。

$(document).on("click", ".CommentBut", function() {
 //////when the Comment button is clicked.////
 $('#QuickRead').scrollTop()
////Scroll Quick Read Div to the top./////
});

但是上面的方法不起作用，我认为我的方法或语法可能有问题。

Answer 1

使用以下内容转到顶部，这里通过ID获取dom元素，然后进行滚动，第一个参数是滚动的位置(以像素为单位)，第二个参数是滚动的时间。

jQuery("#QuickRead").animate({scrollTop: 0}, 1);

转到底部:

  var $target = jQuery("#QuickRead"); 
  $target.animate({scrollTop: $target.height()}, 1000);