Javascript 在导航不工作的情况下平滑滚动

谁能帮我弄一下这张光滑的卷轴吗。我似乎找不到问题所在

我有一个很好的facebook导航效果，当我按下li按钮时，它会滚动。但它不起作用！我的头快要爆炸了，我的眼睛也快融化了。希望有人能帮助我：

导航按钮隐藏在右上角

(function() {
    var $body = document.body
        , $menu_trigger = $body.getElementsByClassName('menu-trigger')[0];
if ( typeof $menu_trigger !== 'undefined' ) {
    $menu_trigger.addEventListener('click', function() {
        $body.className = ( $body.className == 'menu-active' )? '' : 'menu-active';
    });
}
}).call(this);

---

将此项添加到躯干末端标记之前：

$('a[href^="#"]').click(function()
{  
   var the_id = $(this).attr("href");  
   $('html, body').animate(
   {  
      scrollTop:$(the_id).offset().top              
   }, 'slow');  
   return false;  
});  

---

我已经有了一个平滑滚动javascript see fiddle，就像content div破坏了平滑滚动的效果一样。当我删除content div时，它工作得很好，但是facebook导航不起作用。你能告诉我你所说的facebook导航是什么意思吗。“我的代码”上的图标位于右上角，当您按下它时，幻灯片菜单将从左到右显示。而且效果很好！但是当按下链接时，平滑滚动不起作用。