jQuery - メニュースクロールアイテムエフェクトの例 - 何と呼ばれていますか？

Question

このページのjQueryエフェクトは誰でも知っていますか？ http://crushlovely.com/

ページを下にスクロールすると、別の左メニューアイテムがスクロール位置に基づいて選択されます。

効果が何であるか、それを再作成する方法を知る必要がありますか？

Answer 1

私はあなたがこの

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

の線に沿ってチュートリアルを探していると信じて、私は「固定メニュー/ NAV」それを呼ぶだろうか、時には人々は「スティッキーメニュー/ NAV」と呼んでいます。それはかなり簡単に位置を使用することによって：固定CSSとそこから作業。

は、スクロールバーの位置を取得し、その距離はdivのトップ距離その後、大きい場合は、クラスはバックのよう

をアクティブに追加：あなたはこのような何かを行うことができ

Answer 2

を助け

・ホープそれだけで

$(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のために修正することを忘れないでください。