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

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;
}

当然，您需要使用自己的Top＆amp;左值取决于您想要的位置;但是，绝对定位会使你的DIV保持原位。