Как сделать липкую шапку?

Question

[Tim Nev]

Сабж. Тема: Newspaper. Сайт https://ari.org.ru
Единственное уточнение: ВСЮ шапку - от "О журнале", до главной панели.

УПДАТЕ: по наводке nokimaro переформулирую - как сделать выезжающую шапку при скроле?

Comments

[nokimaro]

попробуйте ещё лучшее решение
не просто липкая (position fixed) а ещё и выезжающая при скроле https://wicky.nillia.ms/headroom.js/

[Tim Nev]

nokimaro, хорошее решение - но как сделать?..
Просто там на англ., а я другие языки учил.

Answer 1

[Иван]

Ну самый простой вариант , в css

#td-outer-wrap .tdc-header-wrap  {
  position: fixed;
  width: 100%;
  z-index: 1;
}

#td-outer-wrap .td-main-content-wrap {
   margin-top: 150px;
}

Правда еще для мобилок доделать

Comments

[Tim Nev]

Сделал, но панель справа в постах уплывает в верх, например, https://ari.org.ru/uchenye-sozdali-jembriony-iz-st...

[Иван]

Tim Nev, z-index: 10 попробуйте

[Tim Nev]

Иван, немного изменилось, но всё равно, панель уезжает вверх.

[Иван]

Tim Nev, не вижу изменений) может кеш сбросить нужно) И z-index: 100 даже можно, у вас там большие значения у других блоков)

#td-outer-wrap .tdc-header-wrap  {
  position: fixed;
  width: 100%;
  z-index: 100;
}

[Tim Nev]

Иван, сделал - спасибо монсеньор!
Отмечу решением.