Довелось мне тут увидеть тз по фронтенду в одну контору.
Нужно сверстать простенький макет.
В самом верху горизонтальное меню, под ним шапка, потом контент. При прокрутке скроллинга вниз, когда меню перестает быть видимым, оно должно появляться под шапкой, ну а дальше простой position:fixed/sticky.
При помощи JS такая задача решается на раз-два. Но к ТЗ примечание, что очень желательно все сделать на чистом CSS, без JS.
Т е по сути нужно что-то типа Media query, только с анализом позиции скроллинга. Хотя может есть и другие решения.
Все что ни гуглил - везде решения с JS, опций по работе CSS со скроллингом тоже небогато.
Хотел узнать, это вообще реально?
Kovalsky, Не, не то. Изначально блок "My Header" должен быть над шапкой, и только при прокрутке скроллинга вниз, когда он уже невидим, должен уходить под шапку.
Robur, очень врятли. Просто возьмите и напишите это на чистом js, в случае чаво, просто спросите у них, а как иначе??? Если они поведуют нам это, будьте любезны, напишите тут. Мы все очень внимательно послушаем
ну если нужно именно по заданию чисто на цсс, то можно просто продублировать меню. одно меню прибитое к верху окна фикседом, поверх него (с бОльшим з-индексом) шапку абсолютом, в ней второе меню. когда шапка проскроллится вверх, из-под неё второе меню выглянет.
Простой
Простой
