0

Добрый день!

Имеем такую структуру:

<div class="header-wrap">
  <header></header>
  <div class="video"></div>
</div>
<div class="content"></div>

При скролле страницы, для <header> добавляем класс header-scroll (position: fixed;).

Необходимо, при scrollTop > 112, для header задать z-index меньше чем у родителя (.header-wrap).

В конечном итоге, должны получить header, "выезжающий" из под родителя (.header-wrap).

Ссылка на jsfiddle.

2
  • Боюсь это не получится при такой структуре. z-index не так прост, как кажется. 28 мая 2013 в 6:00
  • @psyсho_Octopus , спасибо конечно, что "убили" надежду ...:) Может кто-нибудь все-таки сталкивался с чем-либо подобным?
    – Astor
    28 мая 2013 в 10:28

1 ответ 1

1

Можно попробовать такой вариант. Минус в отрицательном z-index'е.

3
  • Это тот же вариант, что и у меня
    – Astor
    28 мая 2013 в 12:27
  • 1
    Прошу прощения, забыл сохранить обновления. Вот рабочий: jsfiddle.net/Pzh9X/1 28 мая 2013 в 12:45
  • @Genson, спасибо.
    – Astor
    28 мая 2013 в 14:18

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.