Question

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

我不想滚动窗口或正文，只能滚动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。有些浏览器应用＆＃34;整体＆＃34;滚动到document.documentElement（元素），其他滚动到document.body（元素）。为了兼容两者，您必须将滚动应用于两个..

尝试下面的事情

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

bodyElement.scrollTop(100)

更新：

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

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

2 个答案: