Как сделать слип меню?

Question

[Legal Adviser]

Всем привет. Может кто подсказать как сделать такое меню, чтобы оно сворачивалось когда скролится сайт вверх.
Примеры:
сайт 1
сайт 2
Очень хочется у себя так реализовать как в примере 2, но как это сделать не могу понять. Могу лишь предположить, что во втором примере с использованием js.
Вопрос:
Как сделать без js так?

Comments

[Максим]

sticky если без javascript

[Legal Adviser]

Максим Ленский, на сколько я понимаю, что стикам требуется контейнер по всей длине страницы. Но в примерах видно что меняются классы. Я так понимаю, что так возможно только с js. Или я не прав?

[Максим]

Legal Adviser, ну вы же сами спросили - без js

[Legal Adviser]

Максим Ленский, Верно. Я просто учусь и пытаюсь разобраться...

[Максим]

Legal Adviser, стики можно использовать но на js лучше - в ютуде напишите custom sticky js

[Legal Adviser]

Максим Ленский, Спасибо.

Answer 1

[LionG]

У вас есть 2 состояния меню, плавный переход осуществляется за счет анимации во время смены состояний.
Вопрос в том как затригерить смену состояния в зависимости от позиции viewport'a на css...

Похоже на поведение position: sticky; в "отлипшем" состоянии (в "залипшем" - 1 состояние, в "отлипшем" - 2).
Вот только его полностью не завезли еще.
И с отслеживанием состояния траблы.