滚动时的双菜单（更具体地说是 YAML）答案

【问题标题】：Double Menu when Scrolling (More specifically YAML)滚动时的双菜单（更具体地说是 YAML）
【发布时间】：2012-09-19 21:47:04
【问题描述】：

这是我的第一篇 StackOverflow 帖子。所以我希望我的问题符合标准。

我正在使用 YAML CSS 框架创建自己的网站。 (http://www.yaml.de/docs/index.html)

在该页面上，当您滚动时，导航菜单会停留在屏幕顶部。当我下载框架时，我在他们的 domscript.js 文件中找到了以下代码。所以我知道他们添加了一个类，所以它会坚持下去。

我想做的是第二个相同类型的菜单，其下方有不同的链接。我复制并粘贴了它正下方菜单的 html 代码，第二个确实出现了。但是当我向下滚动时，只有第一个保留。

关于如何让第二个也留下来有什么想法吗？

if (hOffset < top) {
    if (nav.data(stickyClass) !== true) {
        nav.addClass(stickyClass).data(stickyClass,true);
    }
} else {
    if (nav.data(stickyClass) !== false) {
        nav.removeClass(stickyClass).data(stickyClass,false);
    }
}

【问题讨论】：

标签： javascript css menu scroll yaml-css

【解决方案1】：

是的，因为ID 只能使用一次。如果您想要这种类型的菜单，您必须创建另一个 ID 并复制 .js 文件并更改该 .js 文件中的 ID。我认为这会奏效。

【讨论】：