Фиксированная панель заголовка со сдвигающейся вниз панелью

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

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

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


jquery css header slide fixed
person Amala Anne Wu    schedule 25.11.2011    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Элемент с идентификатором 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;
}
person Jasper    schedule 25.11.2011