Как изменить стили горизонтального меню в зависимости от скролинга страницы?

Question

[Алексей Королёв]

Есть сайт https://atomograd.su там есть понятный пример. Верхнее горизонтальное меню при скролинге уменьшается в размерах. Как реализовать такую же задумку на js, а если это возможно и на чистом css?

Answer 1

[Антон Спирин]

Примерно так https://jsfiddle.net/rockon404/9amjs0xr/

Comments

[Алексей Королёв]

То что искал, спасибо!

Answer 2

[coderisimo]

Если в общем, то следите насколько проскролили и назначаете меню разные классы (стили) в зависимости от того, куда успели "уехать".

Вот живой пример : jsfiddle.net/dylanholmes222/AzhN9/4

Comments

[Алексей Королёв]

Немного не то, но зато пригодилось в другом месте. Спасибо!