javascript - 使粘性标题粘在顶部

Question

我已经成功地为我正在设计的网站制作了一个下拉菜单，但我有点卡在粘性页眉部分..

我的页眉具有粘性效果，但是当我向下滚动时，页眉不会粘在页面顶部。正如我在 CSS 中提到的那样，它始终与顶部保持 80 像素的边距。

当我滚动时如何使页眉保持在顶部，当我滚动回页面顶部时它应该保持其原始位置。希望我已经说清楚了。

只是粘贴我的 CSS，因为 HTML 太长了。

#nav, #nav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    z-index:9998;
    position:relative;
}

检查 this fiddle对于我创建的演示。

编辑:为了清楚起见。我希望 top:80px 最初就在那里。我只希望标题在滚动时保持在顶部。 EXAMPLE

Answer 1

给你。

WORKING DEMO

CSS 的变化:

#nav {
position:fixed;
top:-40px;
}