jquery - 非语义网格和粘性导航

Question

我的网站上有一个粘性导航菜单的问题。我已将网站基于 Unsemantic。

https://dl.dropboxusercontent.com/u/7468425/acappella/site/index.html

如果您查看该网站，您会看到 - 菜单会在您滚动时停留在顶部。但是——这是我的问题——同时它变得更宽了。它不是容器的 100% 宽度，而是窗口的 100% 宽度。

我希望它始终保持相同的宽度，以便它顺利地继续跟随。

你们有什么想法吗？

Answer 1

然后使它成为容器的宽度。 (又名 1200 像素)

.sticky {
    position: fixed;
    top: 0; 
    left:50%;
    margin: 0 0 0 -600px;
    width: 1200px;
}

当你达到 1200px 时使用媒体查询:

@media screen and (max-width: 1200px){
    .sticky {
        left:0;
        margin: 0;
        width: 100%;
    }
}

就这些。