jquery - 如何为粘性菜单添加一定的高度？

Question

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

我想在#nav 菜单的特定高度实现粘性菜单效果。类似的东西：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;
}

当然，您需要根据您想要的位置使用自己的顶部和左侧值；但是，绝对定位将使您的 DIV 保持原位。