Несемантическая сетка и липкая навигация

Question

Несемантическая сетка и липкая навигация

0

У меня проблема на моем сайте с липким меню навигации. И я основал сайт на Unsemantic.

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

Как вы видите, посмотрите ли вы на сайт - меню заходит вверх, когда вы прокручиваете. Но - и это моя проблема - в то же время она становится шире. Вместо 100% ширины контейнера он получает 100% ширину окна.

Я хочу, чтобы он сохранял одну и ту же ширину так, чтобы она плавно продолжала следовать.

У кого-нибудь из вас есть какие-то мысли?

Adam Bergman 04 янв. 2014, в 16:39

Источник

Теги:

jquery

html

css

navigation

unsemantic-css

1 ответ

Ещё вопросы

drip · Accepted Answer · 2014-01-04T13-53-00.000Z

Затем сделайте его шириной контейнера. (aka 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%;
    }
}

Все это.