2017-08-22 110 views
0

上午使用scrollify.js進行頁面滾動。我有我的自定義導航欄,它曾用來通過使用offsetTop滾動。Scrollify.js導航問題

$(".fixed-nav a").click(function(evn) { 
    evn.preventDefault(); 
    $('html, body').animate({ 
     scrollTop: $($(this).attr('href')).offset().top 
    }, 500); 
}); 

我的頁面也有滾動部分以及正常部分。那是我有6個部分,其中前三個是scrollfy部分,其餘三個是正常部分。

一切工作正常。但是問題在於,從第1節點擊第6號(即非滾動部分)部分,在第3號(這是最後滾動部分)部分登陸,而不是在第6部分登陸。

這裏是fiddler作爲參考。任何幫助讚賞。提前致謝。

回答

0

無法找到任何解決方案或建議。所以我寫了自己的定義來解決我的問題。這幫助了我。

當我點擊沒有滾動效果的導航時,我用$.scrollify.instantMove()移動到上一個滾動部分,然後使用正常的scrollTop jquery導航到期望部分。

$(".fixed-nav a").click(function(evn) { 
    evn.preventDefault(); 
    if ($(this).hasClass('no-scroll') && (!$(this).closest('li').siblings('.active').find('a').hasClass('no-scroll'))) { 
     $.scrollify.instantMove('#3'); 
     $('html, body').animate({ 
     scrollTop: $($(this).attr('href')).offset().top 
     }, 500); 
    } else { 
     $('html, body').animate({ 
     scrollTop: $($(this).attr('href')).offset().top 
     }, 500); 
    } 
    }); 
}); 

找到這個fiddler作爲參考。