Javascript 如何在jquery fadein之后滚动到div？

在我的页面中，我有如下内容和按钮：

<div id="1">
  ----some content----
</div>
<ul class="pager">
  <li class="next" id="tut2">
    <a href="#">Next Tutorial &rarr;</a>
  </li>
</ul>
<div id="2" style="display:none;">
  ----some content---
</div>

---

淡入代码可以完美地工作。当内容淡入时，滚动仅保留在底部。我想要的是，页面应该平滑滚动到

div id=2

，或者在淡入后滚动到顶部。

您可以为

fadeIn

提供一个函数，它将在动画完成后运行。例如：

$("#2").fadeIn(3000, function(){
    // scroll to #2
    $("html,body").animate({ scrollTop: $("#2").offset().top }, 1000);
});

---

您可以为

fadeIn

提供一个函数，该函数将在动画完成后运行。例如：

$("#2").fadeIn(3000, function(){
    // scroll to #2
    $("html,body").animate({ scrollTop: $("#2").offset().top }, 1000);
});