jquery - スティッキーメニューに特定の高さを追加するにはどうすればよいですか？

Question

http://www.mysecretathens.gr/kulte_test/docrads.html

#navメニューの特定の高さでスティッキーメニュー効果を実現したいと思います。thaのようなもの：http ： //www.snogglemedia.com/-サイドバーメニューが特定の高さに固執します。cssでそれを行うことはできますか？それともjqueryでのみ可能ですか？

Answer 1

メニューをまったくスクロールする必要がない場合は、純粋な CSS を使用して効果を実現できます。次の CSS を要素に追加します。

<div id="vertMenu">
    <ul>
        <li>First Item</li>
        <li>Second Item</li>
        <li>Third Item</li>
    </ul>
</div>

div#vertMenu {
    position: absolute;
    top: 150px;
    left: 25px;
}

もちろん、必要な配置に応じて、独自の Top & Left 値を使用する必要があります。ただし、絶対配置では DIV が所定の位置に保持されます。