2014-03-05 140 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