如何滚动到溢出的div的底部或顶部

Question

我有一些div有很多内容，我想在主div中滚动一些div进入视图。 所以这主要是隐藏了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);

Answer 2

那么你可以说它是一种bug。 有些浏览器将“整体”滚动应用于document.documentElement（元素），将其他滚动应用于document.body（元素）。 为了兼容两者，您必须将滚动应用于两者。

尝试下面的事情

if($.browser.safari) bodyElement = $("body")
else bodyElement = $("html,body")

bodyElement.scrollTop(100)

更新：

$("#QuickRead").animate({scrollTop:$('#div_id').position().top}, 'slow');