2014-03-05 93 views
0

任何人都可以用这个平滑滚动来帮助我。我似乎无法找到问题。平滑滚动导航不起作用

我有一个很好的“脸谱”导航效果,并会使它滚动时,我推李按钮。但它不工作!我的头即将爆炸,眼睛正在融化。希望有人能帮助我:)

导航按钮隐藏在右上角。

(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

你的身体结束标签前添加此:

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

我已经有一个平滑滚动的JavaScript(见小提琴)它像内容的div破坏平滑滚动的效果。当我删除内容分区它完美的作品,但然后“Facebook” - 导航不起作用。 – user3384276

+0

你能告诉我你是什么意思的“facebook导航” – Machado

+0

这是在facebook(在手机上)从左到右或从右到左的滑动滑动导航。我的代码上的图标位于右上角,当您按下它时,幻灯片菜单将从左至右出现。这很好!但是当推动链接时,平滑滚动不起作用。 – user3384276