jQuery中的scrollTop问题，其他一些工作没有

Question

我花了几天时间浏览这个答案。我有3个div，上面有3个相应的按钮。 （Steveaolsen.com主页）。他们都隐藏在documentReady上的jQuery。然后当你单击按钮时，你想在jQuery下使用fadeIn弹出相应的div。它全部在documentReady函数下，每个按钮都有自己的onClick函数。我还在每个onClick函数下都塞了一些scrollTop函数（因此每个onClick的每个onClick都有2个命令，运行fadeIn然后运行scrollTop。）

所以前两个工作正常。第三个淡入，但我没有滚动。这是我的问题。为什么所有3的fadeIn都工作但只有前两个的scrollTop工作？

第二个问题，更多的是烦恼：为什么我的scrollTop不接受参数在y轴上下移动。我有点想要所有三个盒子的屏幕中心，第二个低于第一个和（显然）高于第三个是绝望的甚至没有滚动到。

谢谢

Answer 1

我认为这样做会有所作为！

$('[id*="show"]').click(function(e){
  e.preventDefault();
  $(this).next('div').fadeIn();
  $('body, html').animate({
    scrollTop: $(this).offset().top - $('.navBar').height()
  }, 500)
});