如何滾動到溢出的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');