メニューをねばねばさせたい

Question

Helix3テンプレートを使用していて、メニューをページの上部に固定し、スクロール時にそのスタイルを変更したいと考えています。どうすればそれを達成できますか？

Answer 1

template demo andに基づいて、jQueryとCSSを使用した簡単なソリューションをまとめましたが、テンプレートがカスタマイズされている場合、これは期待どおりに機能しない可能性があります。

[〜＃〜] css [〜＃〜]

.fixedMenu {
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
}

jQuery

jQuery(window).bind('scroll', function () {
    if (jQuery(window).scrollTop() > 90) {
        jQuery('#sp-header').addClass('fixedMenu ');
    } else {
        jQuery('#sp-header').removeClass('fixedMenu ');
    }
});

Answer 2

クイックGoogle検索（ヒント）を行ったので、Helix 3テンプレートはテンプレートオプションで固定/固定ヘッダーをサポートすると思います。