Как сделать фиксированное верхнее меню, уменьшающиеся при скролинге?

Question

[Serega187]

Привет, ребята! Подскажите как сделать такое верхнее меню как тут: https://wp.nkdev.info/youplay/blog-style-1/

Comments

[Михаил Плюснин]

ну если в кратце, то вам надо при событии скролинга(допустим 100 px) в javascript добавить какой-нибудь класс css вашему меню, который делает его фиксированным. профит.

Answer 1

[Павел]

https://codepen.io/senff/pen/ayGvD
stackoverflow.com/questions/13274592/leave-menu-ba...
Остальное найдете по запросу в гугле Fixed Scroll menu

Answer 2

[Serega187]

Да это не то. В моем случае меню сразу прибито к верху, это я смогу сделать. Нужно чтобы при скролинге вниз, допустим на 80px, к меню применились стили плавно уменьшающие его по высоте и на оборот.

Comments

[Евгений]

Ну так сделайте событие, например, при прокрутке добавить класс к меню. И стилизуйте его.

Answer 3

[Евгений]

Ну так разберитесь как это сделано в youplay