jQuery - 菜單滾動條效果示例 - 它叫什麼？

Question

有誰知道這個頁面上的jQuery效果是什麼？ http://crushlovely.com/

當您向下滾動頁面時，根據您的滾動位置選擇不同的左側菜單項。

我需要知道什麼效果被稱爲或如何重新創建它？

Answer 1

我相信你在尋找一個教程沿着這

http://www.distractedbysquirrels.com/blog/one-page-layout-with-fixed-navigation-and-jquery/

行我會稱之爲「固定菜單/導航」，或有時人們稱之爲「粘性菜單/導航」。它通過使用位置很容易完成：固定CSS並從那裏開始工作。

希望幫助

Answer 2

你可以做這樣的事情：

獲得滾動條的位置，如果這個距離越大，則DIV頂部的距離，你添加類激活

像回到到最上面的扣子，這樣的事情：

$(window).scroll(function() { 
    if ($(window).scrollTop() > element1_top_distance) { 
    element1.addClass('active'); 
    } else if ($(window).scrollTop() > element2_top_distance) { 
    element2.addClass('active'); 
    } else if ($(window).scrollTop() > element3_top_distance) { 
    element3.addClass('active'); 
    } else if ($(window).scrollTop() > element4_top_distance) { 
    element4.addClass('active'); 
    } 
}); 

用，你可以只創建一個佈局很簡單， 記住要更正此代碼的JavaScript或jQuery，你會好