Question

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

正如您所看到的那样，当您滚动时，菜单会粘在顶部。但是 - 这是我的问题 - 同时它变得更宽。而不是100％宽度的容器，它获得100％的窗口宽度。

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

你们有没有人有任何想法？

Answer 1

然后使其成为容器的宽度。（a.k.a 1200px）

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

就是这样。