Исправлена ​​панель заголовка с выдвижной панелью - PullRequest
Новая
       47

Исправлена ​​панель заголовка с выдвижной панелью

1 голос
/ 26 ноября 2011

У меня возникли проблемы с реализацией фиксированного заголовка с выдвижной панелью, которая также остается фиксированной, когда вы прокручиваете страницу вниз. В настоящее время я использую код скользящей панели Джереми Тиссо отсюда: http://web -kreation.com / index.php / tutorials / nice-clean-slide-login-panel-built-with-jquery /

Вот то, над чем я работал: http://localsq.tumblr.com/test. Когда вы нажимаете «Что, Когда, Где», панель сдвигается вниз, но когда вы прокручиваете страницу вниз, панель не остается фиксированной. ...

Кто-нибудь знает, как решить эту проблему? Спасибо!

1 Ответ

2 голосов
/ 26 ноября 2011

Элемент с идентификатором toppanel установлен на position : absolute и должен быть изменен на position : fixed, чтобы он перемещался с текстом «Что, когда и где». Я внес это изменение в ваш код в FireBug, и панель оставалась зафиксированной в верхней части страницы, когда вы прокручивали страницу вниз.

Этот код: 

#toppanel {
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    text-align: center;
    top: 25px;
    width: 100%;
    z-index: 999;
}

Должен измениться на: 

#toppanel {
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    text-align: center;
    top: 25px;
    width: 100%;
    z-index: 999;
}
...