0

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

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

如您所见,如果您查看该站点 - 当您滚动浏览时,菜单会粘在顶部。但是 - 这是我的问题 - 同时它变得更广泛。它不是 100% 的容器宽度,而是 100% 的窗口宽度。

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

你们有人有什么想法吗?

4

1 回答 1

0

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

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

当你达到 1200 像素时,使用媒体查询:

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

就这样。

于 2014-01-04T16:10:32.203 回答