导航无法正常工作的平滑滚动

时间:2014-03-05 15:53:50

标签: javascript jquery html navigation smooth-scrolling

任何人都可以帮我这个Smooth Scroll。我似乎无法找到问题。

我有一个很好的“脸谱” - 导航效果,当我按下按钮时它会滚动。但它不起作用!我的脑袋即将爆炸,我的眼睛正在融化。希望有人可以帮助我:)。

导航按钮隐藏在右上角。

(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);

1 个答案:

答案 0 :(得分:1)

在您的身体结束标记之前添加:

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