Jquery 固定边栏-平滑滚动在另一个Div

当在侧边栏上单击锚定标记时，页面必须向下滚动到内容。我得到了scrollTop的正确偏移量，但它没有向下滚动。如何解决此滚动问题

我的HTML-包括一个固定的侧边栏

 <div id="sidebar-wrapper">
    <ul class="sidebar-nav" id="sidebar">
      <li class="sidebar-brand"><a id="menu-toggle" href="#">Menu<i class="fa fa2 fa-align-justify"></i></a></li>
      <li><a  href="">Home<i class="fa fa-home "></i></a></li>
      <li><a  href="#about">About<i class="fa fa-beer"></i></a></li>
      <li><a   href="#resume">Resume<i class="fa fa-rocket"></i></span></a></li>
      <li><a  href="#work">Work<i class="fa fa-headphones"></i></a></li>
      <li><a  href="#contact">Contact<i class="fa fa-heart"></i></a></li>
    </ul>
  </div>


 <div id="page-content-wrapper">
    <div class="page-content inset">
      <!-- Home Page -->
      <div class="row container-full" id="home">      

      </div>
      <!-- Home Page End -->
      <!-- About Page -->
      <div class="row container-full" id="about">

这是Javascript。我输入了警报以查看它是否返回属性所在的正确位置。警报工作正常

<script>    
$('#sidebar a').click(function() {
var goTo = $($(this).attr('href')); // selects element that was clicked
var offset = goTo.offset(); //grabs position of element
alert(goTo.offset().top);
$('#page-content').animate({   
  scrollTop: $('#page-content-wrapper')[0].scrollTop + goTo.offset().top
}, 1000);
return false;
});
</script>

$（“#侧边栏a”）。单击（函数（）{
var goTo=$（$（this.attr（'href'））；//选择已单击的元素
var offset=goTo.offset（）；//获取元素的位置
警报（转到偏移量（）.top）；
$（“#页面内容”）。设置动画（{
scrollTop:$（“#页面内容包装器”）[0]。scrollTop+goTo.offset（）.top
}, 1000);
返回false；
});

（尚未测试），但应

$("html, body").animate({scrollTop: $('#page-content-wrapper')[0].scrollTop.offset().top}, 1000);

更新

---

现在，问题是

正文

上的

溢出：自动

。我将JS清理到：

已尝试。。没用。。。我之前也在html上使用过动画，body也是。直接跳转到没有动画滚动效果的锚定链接你能发布html的其余部分吗？这不是在小提琴上显示的

$("html, body").animate({scrollTop: $('#page-content-wrapper')[0].scrollTop.offset().top}, 1000);